Div's tags in IE = death

verkevinmanering69err455 · #1 (**permalink**) Mar 11th, 2007, 04:00

I made a quick site with div's and CSS only. Site looks normal in Firefox... but in Internet Explorer... doesn't look like anything. I have zipped and attached site for you guys to see. Is there anyway to make it appear in IE Normally? Thanks.

verkevinmanering69err455 · #2 (**permalink**) Mar 11th, 2007, 05:33

OMG i just figured this out. here i'll show u guys how I did it too (just altered my CSS a bit).

All i have done is added (display:inline) were needed.

Heres the code:

Code: Select all

/* Skin CSS Document */
body{
background-image:url(../images/maincontentbg.gif);
margin: 0px 0px 0px 0px;
}

#toplogo {
/*display:inline;*/
background-image:url(../images/skanky_logo.gif);
background-repeat:no-repeat;
height:100px;
left:0px;
width:540px;
z-index:1;
}

#newsbg {
display:inline;
position:fixed;
background-color:#339966;
top:0px;
width:260px;
right:0px;
height:100%;
z-index:2;
border-left-color:#000000;
border-left-style:dotted;
border-left-width:1px;
}

#topnav {
display:inline;
position:absolute;
background-color:#FFFFFF;
top:100px;
left:0px;
width:100%;
height:20px;
z-index:3;
border-top-color:#000000;
border-top-style:dotted;
border-top-width:1px;
border-bottom-color:#000000;
border-bottom-style:dotted;
border-bottom-width:1px;
}

#maincontent {
display:inline;
position:absolute;
background-color:#FFFFFF;
top:150px;
left:10px;
height:100%;
width:inherit;
right:280px;
height:100%;
border-top-color:#000000;
border-top-style:dotted;
border-top-width:1px;
border-bottom-color:#000000;
border-bottom-style:dotted;
border-bottom-width:1px;
border-left-color:#FFFFFF;
border-left-style:dotted;
border-left-width:1px;
border-right-color:#FFFFFF;
border-right-style:dotted;
border-right-width:1px;
z-index:4;
}

#pagedivider {
display:inline;
position:fixed;
top:0px;
width:270px;
right:0px;
height:100%;
z-index:1;
border-left-color:#000000;
border-left-style:dotted;
border-left-width:1px;
}

#newscontent {
display:inline;
position:absolute;
background-color:#FFFFFF;
top:150px;
height:100%;
width:240px;
right:10px;
height:100%;
border-top-color:#000000;
border-top-style:dotted;
border-top-width:1px;
border-bottom-color:#000000;
border-bottom-style:dotted;
border-bottom-width:1px;
border-left-color:#FFFFFF;
border-left-style:dotted;
border-left-width:1px;
border-right-color:#FFFFFF;
border-right-style:dotted;
border-right-width:1px;
z-index:4;
}

sannbe · #3 (**permalink**) Mar 12th, 2007, 04:43

I think that is called the light of understanding coming on. Congratulations...you will never ever forget this lesson, will you?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Title Tags, Meta Tags and SEO - Keyword Density or Keyword Spamming?	pctank	Search Engine Optimization (SEO)	2	Jul 4th, 2008 11:52
[SOLVED] having a couple of div's underneath each other?	cosmicbdog	Web Page Design	21	Dec 3rd, 2007 11:46
DIV's overspilling container DIV in Firefox	Craigj1303	Web Page Design	4	May 16th, 2007 23:46
Vertically centering Div's	verkevinmanering69err455	Web Page Design	3	Mar 19th, 2007 17:22
Div's overlapping	fluerasa	Web Page Design	2	Oct 8th, 2006 10:09

		Webforumz.com > Main Forums > Planning Your Website > Website Planning
Div's tags in IE = death