Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472
There are 1970 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

XHTML/CSS Help

Thread title: XHTML/CSS Help
Closed Thread    
    Thread tools Search this thread Display Modes  
08-07-2007, 01:22 PM
#1
LeeP is offline LeeP
Status: Member
Join date: Jan 2007
Location: West Midlands, UK.
Expertise:
Software:
 
Posts: 371
iTrader: 5 / 100%
 

LeeP is on a distinguished road

Send a message via MSN to LeeP

  Old  XHTML/CSS Help

I'm in the process of learning how to code, every other template I've done has gone well and works how it should do, except this one.

Basically it's a arcade template, it displays in FF and Opera fine, but in IE 6/7 it's real messed up.

Site
CSS

I think it's sloppy coding on my part, I got quite confused as to the best way to code each box.

Any help or thoughts are much appreciated.

08-07-2007, 04:15 PM
#2
Jamie is offline Jamie
Jamie's Avatar
Status: I love this place
Join date: Jan 2006
Location:
Expertise:
Software:
 
Posts: 513
iTrader: 0 / 0%
 

Jamie is on a distinguished road

  Old

Top left and top right content boxes are messed up in safari. Also have you tried using the "if IE X" hack?

08-07-2007, 04:24 PM
#3
Awesome is offline Awesome
Awesome's Avatar
Status: Pastafarian
Join date: May 2006
Location: Duct Taped to your Ceiling
Expertise:
Software:
 
Posts: 3,440
iTrader: 26 / 93%
 

Awesome is on a distinguished road

  Old

Didn't look at it in IE (can't atm) but h2.puzzlegames etc would work better as .puzzlegames. More flexible that way (also the correct way to form it, unless overriding an ID).

08-08-2007, 11:27 AM
#4
LeeP is offline LeeP
Status: Member
Join date: Jan 2007
Location: West Midlands, UK.
Expertise:
Software:
 
Posts: 371
iTrader: 5 / 100%
 

LeeP is on a distinguished road

Send a message via MSN to LeeP

  Old

Still haven't found a fix.

08-10-2007, 01:09 AM
#5
Serializer is offline Serializer
Status: I'm new around here
Join date: Jul 2007
Location:
Expertise:
Software:
 
Posts: 8
iTrader: 0 / 0%
 

Serializer is on a distinguished road

  Old

Originally Posted by Blue Ire View Post
Didn't look at it in IE (can't atm) but h2.puzzlegames etc would work better as .puzzlegames. More flexible that way (also the correct way to form it, unless overriding an ID).
Definitely more flexible but I'm not sure about overriding IDs.

An ID has a specificity of 100, whereas class + element only scores 11: http://www.htmldog.com/guides/cssadvanced/specificity/

Anyway a solution to your problem; the button (id="go") needs a closing tag : <button id="go" name="go"></button> . IE was putting the entire rest of the page INSIDE the button because it didn't think it had been closed. Use the IE developer toolbar to explore the DOM to figure out things like this

I think you probably don't even want a <button> at all. You need an <input type="button" vaule="go"/> if you want it to submit the form. You'll also need a <form> for it to submit properly.

Finally I'd remove the extra whitespace lines before and after the DOCTYPE. DOCTYPE should always be the very first line of the page, immediately followed by <html>. Certain versions of certain browsers have issues otherwise.

--Serializer

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed