Search DaniWeb - margin

Re: Margin problem 13 Years Ago by twiss Margin values are not comma-delimited. Use [icode]margin: 90px 70px;[/icode] if you want 90px on top and bottom and 70 left and right. Re: margin & padding 11 Years Ago by //Gonz margin affects the height and width of an element. Whereas padding … as follows: div.parent { height:180px; width:400px; padding:15px; margin:20px; } the padding will give the text inside the "…;parent" div less room to fill. the margin will push the "parent" div away from other… Re: margin in css 15 Years Ago by ko ko 'margin' auto needs DOC type in IE. And what is your … margin help 17 Years Ago by kishou … works except for the margin-bottom. [CODE]a.link{ background: orange; margin-top: 10px; margin-right: 10px; margin-bottom: 100px; margin-left: 10px; padding: 10px… Re: margin help 17 Years Ago by Suomedia Try this: [CODE]li { margin-bottom: 100px; }[/CODE] Matti Ressler Suomedia Re: margin help 17 Years Ago by MidiMagic A is not a block tag. It can't take margin, border, or padding attributes. Stick it inside a div tag, and apply those attributes to the div. Re: margin issues in IE and Firefox 14 Years Ago by Violet_82 … had was [CODE]#topnav ul { list-style: none; margin-left:10px; }[/CODE] but apparently firefox and chrome adds…to even up the space removing any possible extra margin or padding and some extra modifications ending up …#topnav li { float: left; margin-top:1em; margin-right:1.5em; margin-bottom:0; margin-left:0; /*bottom margin is because I want some… margin - px 13 Years Ago by asif49 …I align them: [CODE].left_top { margin-top:-93%; margin-left:1.8%; background-image:url('/…; width:500px; } .right_top { margin-left:560px; margin-top:-341px; margin-bottom:auto; background-image:url('/images/…; } .right_bottom { height:8px; width: 500px; margin-left:560px; background-image:url('/images/bottom.jpg'); }[/… Re: Margin problem between <il>'s in IE 6 15 Years Ago by seo1394 …" and margins are controlled by four properties, margin-left, margin-right, margin-top and margin-bottom. We can minimize space around blockquote by… following css code, blockquote { margin-top: 1em; margin-right: 0em; margin-bottom: 1em; margin-left: 0em; } For more information you can… margin issues in IE and Firefox 14 Years Ago by Violet_82 … is f5d9d7*/ { list-style:none; padding:0; border:0; margin:4em 0 0 0; } #navigation ul li { background: … I have [CODE]#topnav ul { list-style: none; margin-left:10px; [/CODE] because I want some space between…-serif; } [/CODE] I gave 1em to the bottom margin because I wanted some space between the horizontal navigation and… Re: margin issues in IE and Firefox 14 Years Ago by Violet_82 …187px of space between the horizontal line and the left margin. Not sure where this space is coming from but … bg is f5d9d7*/ { list-style:none; padding:0; border:0; margin:4em 0 0 0; } #navigation ul li { background: #f4d8c7 … } /*This is the top navigation */ #topnav ul { list-style: none; margin-left:1em; /*to have some space on the left of… Re: margin issues in IE and Firefox 14 Years Ago by Violet_82 Thanks guys. Arkinder, if I add [CODE]{ margin: 0; padding: 0; }[/CODE] then how do I play with … be able to say something like [CODE]margin-top:1em; margin-right:1.5em; margin-bottom:0; margin-left:0;[/CODE] in the code… Re: margin/padding - problem in navigational ul li inline list 15 Years Ago by macneato …; padding: 0px; border: 0px; } body { background: #FFF; margin: 0; padding: 0; } div#outer_box { margin: 5px; padding: 10px; background: #eee; border: 1px solid…: 1px solid #000; border-bottom: 1px solid #000; float:left; margin:15px; } div#inner_box li { display: inline; border-right: 1px solid… Margin Styling Help for HTML Page in IE 13 Years Ago by jessicaw …<table width="900" style="margin-left:35px; margin-top:-70px; padding-bottom:30px; padding-top:25px…="container_padding" style="padding-left: 46px; margin-top:-65px;"> <table width="200…" style="margin-left:-45px; padding-bottom:30px; padding-top:25px;"… Re: margin/padding - problem in navigational ul li inline list 15 Years Ago by macneato …: #eee; border: 1px solid; float: left; width:800px; } div#inner_box { margin: 0px; background: #ccc; float: left; width: 100%; } div#inner_box ul…: 1px solid #000; border-bottom: 1px solid #000; float:left; margin:15px; } div#inner_box li { display: block; border-right: 1px solid… Re: margin issues in IE and Firefox 14 Years Ago by shaya4207 Put it after the regular CSS, and regarding the margin, try a negative margin (-)... Re: margin issues in IE and Firefox 14 Years Ago by Arkinder By default, each browser has its own margin and padding for elements. To "reset" this simply …add a universal rule (*) in your CSS. [CODE]* { margin: 0; padding: 0; }[/CODE] As for the doctype I'm… Re: margin issues in IE and Firefox 14 Years Ago by teedoff No add * { margin:0; padding:0; } at the TOP of your css. Then you set margins and paddings for each element you want to have them. Ths global margin and padding rule is simply to set them to 0 or nothing, like a clean slate, so that all browsers start at the same place. margin/padding - problem in navigational ul li inline list 15 Years Ago by dominique7 … and here's styles2.css [CODE] * {margin: 0px; padding: 0px; border 0px; } body { background…: #FFF; margin: 0; padding: 0; } div#outer_box { margin: 5px; padding: 10px; background: #eee; …border: 1px solid; } div#inner_box { margin: 0px; padding: 20px; background: #ccc; } div#inner_box ul … Re: margin/padding - problem in navigational ul li inline list 15 Years Ago by dominique7 …; padding: 0px; border 0px; } body { background: #FFF; margin: 0; padding: 0; } div#outer_box { margin: 5px; padding: 10px; background: #eee; border: 1px solid…; } div#inner_box { margin: 0px; padding: 20px; background: #ccc; } div#listbox { height: 35px; background: #… Margin not working 14 Years Ago by sirlink99 …) into the [code] .news { width:800px; height:auto; margin-left:30px; margin-right:30px; margin-bottom:50px; } [/code] but the blue background that… Re: margin issues in IE and Firefox 14 Years Ago by Violet_82 … sure what change the DOCTYPE declaration could do to the margin. Also, I would like to use the "strict"… Re: margin issues in IE and Firefox 14 Years Ago by shaya4207 Did you take of the 'margin-bottom'? I don't see it at all? Re: margin issues in IE and Firefox 14 Years Ago by Violet_82 …: in the last code I posted (I removed the bottom margin so that there shouldn't be any space between the… Re: margin issues in IE and Firefox 14 Years Ago by Violet_82 … [CODE]width [/CODE]and [CODE]float[/CODE] though the [CODE]margin-top:0.15em;[/CODE] seems to get affected as well… margin-top issue 12 Years Ago by ben.matthews18 Hi, i'm having a problem with the 'margin-top' property. Here's my current html and css - **HTML -** &…:url(../images/frame/nav_1.gif); } #navwrap{ margin-left:76px; margin-top:15px; } Everytime i add the 'margin-top:15px' to the 'navwrap' div… Margin Bumping Down When Adding Content 11 Years Ago by webmeat … </html> And here is my CSS: html, body { margin: 0; padding: 0; min-height: 100%; position: relative; }… .container { background-color: rgb(0, 0 ,0); width: 100%; margin: 0 auto; padding: 0; } .head { background: rgb(0, 255… Re: Margin problem between <il>'s in IE 6 15 Years Ago by ko ko Are you sure that is the 1px margin of LI elements? It maybe the padding, or it's parent margin or padding. So you need to try with all margin and padding with 0, include it's parent UL. Example: [code] ul { margin: 0; padding: 0 } ul li { margin: 0; padding: 0 } [/code] It should be show same result in all browser. Re: Margin Styling Help for HTML Page in IE 13 Years Ago by raphie … example you have a div with class clear with a margin-top set to -530px over your problematic div sub_right_column_container. This… the div class clear before the sub_right_column_container div, then the margin-top set to -530px to the div class clear is… Re: margin in css 15 Years Ago by Wrams … you should use this CSS [CODE] #header { margin: 0 auto; } #wrapper { margin: 0 auto; } #footer { margin: 0 auto; } [/CODE] This >>>…; margin: 0 auto; <<< Will center whatever CCS section …