Internet Explorer & css/div problem.

Dev Shed Forums Sponsor:

January 1st, 2004, 03:40 PM

CrazyTux

Contributing User

Join Date: Dec 2003

Location: Anaheim CA

Posts: 31

Time spent in forums: 3 h 43 m 45 sec
Reputation Power: 5

Internet Explorer & css/div problem.

Hello everyone, I am currently having problems converting my tabular layout into a css/div layout. Currently I've tested it on firebird and internet explorer. It works fine in firebird, although in IE it creates a space between the top buttons, and the img header. If anyone could help me solve why this is so, I'd be very gratefull!

PHP Code:


		
			
 body

{

        margin: 0;

        padding: 0;

        margin-top: 0px;

        margin-left: 0px;

        background: #FFF;

}



#nav

{

        width: 100%;

        height: 33px;

        background-image: url('../images/main_06.jpg');

        background-repeat: repeat-x;

}



#header

{

        width: 100%;

        height: 163px;

        background-image: url('../images/main_09.jpg');

        background-repeat: repeat-x;

}

PHP Code:


		
			
<html>

<head>

        <title>myImgSrc.com - Your online source for image hosting!</title>

        <link href='include/layout.css' rel='stylesheet' type='text/css'>

        <script language='JavaScript' type='text/javascript' src='include/myImgSrc.js'></script>

</head>



<body>

<div id='nav'>

<a href=''><img name='img1' border='0' width='108' height='33' src='images/main_01.jpg'></a><a href=''><img name='img2' border='0' width='105' height='33' src='images/main_02.jpg'></a><a href=''><img name='img3' border='0' width='105' height='33' src='images/main_03.jpg'></a><a href=''><img name='img4' border='0' width='105' height='33' src='images/main_04.jpg'></a><a href=''><img name='img5' border='0' width='104' height='33' src='images/main_05.jpg'></a>

</div>

<div id='header'>

        <a href=''><img width='423' height='163' border='0' src='images/main_08.jpg'></a>

</div>



<div>



<div style="float: left">

test

</div>

<div style="float: left">

testd

</div>



<div style="float: right">

test

</div>



</div>

</body>

</html>

Also I'm not sure if it's against the form rules to link someone to a visual offsite of these forums? As I couldn't find any rules, if someone could point me toward the rules section, I'd appreciate it as well!

__________________
#!/bin/sh
cat /dev/urandom

January 1st, 2004, 03:59 PM

ChiefWigs1982

Cunning Linguist

Dev Shed God 10th Plane (9500 - 9999 posts)

Join Date: Jul 2003

Location: I used to live at home, now I stay at the house

Posts: 9,920

Folding Points: 50746 Folding Title: Beginner Folder

Time spent in forums: 3 Months 2 Weeks 6 Days 7 h 15 m 40 sec
Reputation Power: 873

Try putting border-top:0px and border-bottom:0px in the #nav and #header style tags...

__________________

Support requests via PM will be ignored!
Sites: Route of Queue | Sinthetic - Alternative UK Hiphop
Read These: The General Rules Thread | The General FAQ Thread | NEW USERS - How to post a question

Sign up with Matched.co.uk and earn up to £15 per website every month!

January 1st, 2004, 04:15 PM

CrazyTux

Contributing User

Join Date: Dec 2003

Location: Anaheim CA

Posts: 31

Time spent in forums: 3 h 43 m 45 sec
Reputation Power: 5

No cigar

January 1st, 2004, 04:29 PM

ChiefWigs1982

Cunning Linguist

Join Date: Jul 2003

Location: I used to live at home, now I stay at the house

Posts: 9,920

Time spent in forums: 3 Months 2 Weeks 6 Days 7 h 15 m 40 sec
Reputation Power: 873

Try...

Code:

#nav
{
   width:100%;
   background-image: url('../images/main_06.jpg');
   background-repeat: repeat-x;
   padding:0px 0px 0px 0px;
}

#header
{
   width:100%;
   background-image: url('../images/main_09.jpg');
   background-repeat: repeat-x;
   padding:0px 0px 0px 0px;
}

January 1st, 2004, 04:50 PM

CrazyTux

Contributing User

Join Date: Dec 2003

Location: Anaheim CA

Posts: 31

Time spent in forums: 3 h 43 m 45 sec
Reputation Power: 5

I got it fixed, it was the IE whitespace bug

.

Thanks for your help!

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread: