2 replies [Last post]
yabai
Offline
Regular
Last seen: 12 years 50 weeks ago
Joined: 2007-10-01
Posts: 11
Points: 2

hi there,

i am stuck with a browser issue. all seems fine on IE6 but in firefox 2 there is a gap at the top of the second column. not very large - just 10px or so but i can't figure out why. can anyone see where i am going wrong?

here are the links to the pages.
http://inklondon.net/dev/float.htm
http://inklondon.net/dev/css/keep.css

#main_content_work {
width: 440px;
height: auto;
float: left;
padding: 50px 0px 0px 50px;
margin: 0px;
/* background-color: Aqua; */
}

#work_container {
padding: 30px 10px 10px 10px;
background-color: #ffffff;
clear: both;
overflow: auto;
}

/* need to be 214 wide, 517 height */
#work_images {
width: 214px;
float: left;
display: inline;
background-color: red;
}

#work_text {
margin-left: 225px;
margin-right: 0px;
background-color: Lime;

}

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 9 years 27 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Every browser has it's own

Every browser has it's own idea of default styling values for different elements, so you should set everything to zero before you start applying your own styles. In this particular case, the <p> element is being given a top margin, so set it to zero: p { margin: 0; }

Life's a b*tch and then you die!

yabai
Offline
Regular
Last seen: 12 years 50 weeks ago
Joined: 2007-10-01
Posts: 11
Points: 2

cheers dude. simple when

cheers dude.

simple when you know how! tried it and it wroked just fine.