...

View Full Version : Margin and floating problem.



chlopzmazur
10-31-2008, 12:59 PM
Hello,

I have a problem with floating and margin. Here is url to site with this problem:
Click Here (http://www.sieradex.pl/templates/03/)

I want div #info to be floated to the left completly 0 margin and top margin 175px. But now div #info is floating to the left but to #menu width.

In other words I want div #info to be just under div #menu. How to fix that?

Thanks

CSS CODE


/* CSS Document */

* {
margin:0px;
padding:0px;
}

body {
background:#ffffff url(images/bg.jpg) repeat-x;
font-size:12px;
font-family:Georgia;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#wrap {
width:950px;
margin:0 auto;
}

#header {
width:950px;
height:300px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}

#topmenu {
float:right;
font-family:Verdana;
font-size:10px;
}

#topmenu ul {
margin-top:15px;
}

#topmenu li {
display:inline;
font-family:Verdana;
font-size:10px;
}

#topmenu a {
color:white;
padding-left:5px;
}

#menu {
margin-top:110px;
float:left;
}

#menu ul {
list-style:none;
}

#menu li {
display:inline;
}

#menu a {
display:block;
float:left;
width:100px;
height:40px;
background-image:url(images/linkbg2.jpg);
background-repeat:no-repeat;
text-align:center;
padding-top:12px;
font-family:Verdana;
color:white;
}

#info {
margin-top:175px;
float:left;
}

abduraooft
10-31-2008, 01:43 PM
Add clear:left; to #info

chlopzmazur
10-31-2008, 03:06 PM
Ok thanks a lot. That helped. But another problem. I set font-family Georgia.
But info h1 is not Georgia. Why? How to fix that? (check the link).

abduraooft
10-31-2008, 03:15 PM
I'd recommend you to get firebug (https://addons.mozilla.org/firefox/addon/1843), which is very useful addon for Firefox, to inspect such issues.

I see it as Goergia, which is inherited from body.

chlopzmazur
10-31-2008, 03:56 PM
Ok working now :) but unfortunetly I have next problem... Check the link. I made two boxes: left and right. I want them to be equally margined from header. It works in Firefox. But not in Internet Explorer...

abduraooft
10-31-2008, 04:16 PM
Just remove the width from #rightbox
btw, check http://www.bonrouge.com/2c-hf-fluid(r).php for a good two column layout.

chlopzmazur
10-31-2008, 04:30 PM
Thanks again mate! I love you ;P



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum