Problems with IE

kekoadesign · 08-04-2008, 07:13 PM

First off just want to introduce myself, just registered and these forums seems like a great place for info. Quick background, I just graduated with a degree in graphic design. I have some experience with web design, but still kinda learning as I go.

I am designing my self promotional website right now, just getting the template down. I managed to get my homepage to work on the latest versions of FireFox, and Safari but my layout wont load correctly on Internet Explorer which unfortunately is the choice of browser of most users. I ran a W3 validation check on both my html and css and I only get one error with my html. The error has to do with my java script, which im pretty sure has no effect on my over layout, but i could be wrong.

Here is the url:
http://www.kekoadesign.com/home/home

and the css

http://www.kekoadesign.com/home/styles.css

Again im still kinda new to Web so my coding my not be the greatest. Any help is appreciated.

Brett

kekoadesign · 08-05-2008, 06:51 AM

anyone??? It just seems like my divs are not displaying in the the right order, plus one of my containers isn't holding the the content correctly.

jnjc · 08-05-2008, 07:34 AM

I've had a look at this and there doesn't seem to be a quick fix. It looks to me like your div layout is fatally flawed. For example the background image for you left column (held in "roundcont" class) seems to be assigned to a div that contains most of the page content. If I were you I'd redo the body with something along the lines of the following:

<header stuff, nav menu etc. here >

<div> entire top row graphic with rounded corners </div>
<div id="div1"> width of page with graphic of left and right side of box

<div> left column (float:left) shouldn't need
any graphics etc because div1 controls this</div>

(all the right column divs should be float:right)
<div> right column top line</div>
<div> right column content with background graphics of box</div>
<div> Graphic for end of box</div>

</div> 

<div> footer with graphics etc. </div>

This should simplify your layout (if it makes any sense).

HTH,
JC

08-04-2008, 07:13 PM	#1 (permalink)
kekoadesign New Member Join Date: Aug 2008 Posts: 17	Problems with IE First off just want to introduce myself, just registered and these forums seems like a great place for info. Quick background, I just graduated with a degree in graphic design. I have some experience with web design, but still kinda learning as I go. I am designing my self promotional website right now, just getting the template down. I managed to get my homepage to work on the latest versions of FireFox, and Safari but my layout wont load correctly on Internet Explorer which unfortunately is the choice of browser of most users. I ran a W3 validation check on both my html and css and I only get one error with my html. The error has to do with my java script, which im pretty sure has no effect on my over layout, but i could be wrong. Here is the url: http://www.kekoadesign.com/home/home and the css http://www.kekoadesign.com/home/styles.css Again im still kinda new to Web so my coding my not be the greatest. Any help is appreciated. Brett

08-05-2008, 07:34 AM	#3 (permalink)
jnjc Moderator Join Date: Jun 2008 Posts: 365	I've had a look at this and there doesn't seem to be a quick fix. It looks to me like your div layout is fatally flawed. For example the background image for you left column (held in "roundcont" class) seems to be assigned to a div that contains most of the page content. If I were you I'd redo the body with something along the lines of the following: <header stuff, nav menu etc. here > <div> entire top row graphic with rounded corners </div> <div id="div1"> width of page with graphic of left and right side of box <div> left column (float:left) shouldn't need any graphics etc because div1 controls this</div> (all the right column divs should be float:right) <div> right column top line</div> <div> right column content with background graphics of box</div> <div> Graphic for end of box</div> </div> <!-- div1 --> <div> footer with graphics etc. </div> This should simplify your layout (if it makes any sense). HTH, JC __________________ www.solasit.com.au Website Design and Development Melbourne, Australia

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

08-05-2008, 06:51 AM	#2 (permalink)
kekoadesign New Member Join Date: Aug 2008 Posts: 17	anyone??? It just seems like my divs are not displaying in the the right order, plus one of my containers isn't holding the the content correctly.