I have just recently taught myself xhtml/html and have built a site, while i was building it it looked fine viewing it in my browser. I have now got some hosting and put it live, the alignment in firefox is a little off which i can easily fix (i hope) however in IE it is all totally wrong.
I have searched the net for any kind of straightforward solution however their isn't anything in clear simple english to guide me through this. My main problem here is I have taught myself and don't know anyone as such to advise me or take a look at my coding.
I should probably note that the problem seems to be the top menu so might be something in the style sheet perhaps?
the url is Football on the tv, I haven't added all the pages yet so just the front page is viewable but it does seem to just be the menu that is the problem,
lol well the 'book' taught me about frames so I thought it was a good idea. So should I just loose the frames all together? do you think that is why the menu is looking weird?
Your top banner is pushed to the right because you have
Code:
left: 200px
applied to it. If you want it in the centre, replace it with
Code:
margin: 0 auto;
.
Yes, with all due respect I think it would be infinitely better if you remove your iframes and try again. tizag.com is a cracking resource for beginner friendly HTML tutorials (amongst other languages) and there are a lot of HTML gurus on here
Off-topic - that's in a sub domain, I thought it looked different and it looks very clean, very nice ! Is it a sneak preview of a redesign to the normal voucherz site?
In some of your markup below, this is what IE is seeing. What you'd expect is a UL tag to be closed by a closing UL tag. Infact we can see two open ul tags which are followed below by 4 ul closing tags, so you have two extra there.
Same with the closing li tags, two extra i can see.
I cant' look at your css file cause it's compacted but your using absolute positioning for everything which leaves very little room for expanding content ect.. What's the book called?
Make a backup before changing incase im wrong. But firefox can oversee the issue because you've set the padding and margins of the UL to 0 but ie will still count the ul's.
HTML Code:
<ul><li><h2>When to Watch</h2><ul><li><a href="footballgamesonsky.htm" title="">Live Football on Sky</a></li><li><a href="footballgamesonsetanta.htm" title="">Live Football on Setanta</a></li></ul></li></ul></li></ul></li></ul><ul><li><h2>Where to Watch</h2><ul><li><a href="footballonskytv.htm" title="">Football on Sky</a></li><li><a href="footballonsetanta.htm"title="">Football on Setanta</a></li><li><a href="footballonvirgin.htm" title="">Football on Virgin Media</a></li><li><a href="footballontiscali.htm" title="">Football on Tiscali</a></li><li><a href="footballonbtvision.htm" title="">Football on BT Vision</a></li><li><a href="footballonhdtv.htm" title="">Football on HDTV</a></li></ul></li></ul></li></ul></li></ul>
The Following User Says Thank You to ChristopherB For This Useful Post:
Your top banner is pushed to the right because you have
Code:
left: 200px
applied to it. If you want it in the centre, replace it with
Code:
margin: 0 auto;
.
Yes, with all due respect I think it would be infinitely better if you remove your iframes and try again. tizag.com is a cracking resource for beginner friendly HTML tutorials (amongst other languages) and there are a lot of HTML gurus on here
lol oh just some book I picked up!
Ok thats great I shall take a look at that and get back down to it,
! Is it a sneak preview of a redesign to the normal voucherz site? 