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,471
There are 1920 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

CSS positioning problem

Thread title: CSS positioning problem
Closed Thread    
    Thread tools Search this thread Display Modes  
08-08-2005, 10:15 PM
#1
.Nick is offline .Nick
.Nick's Avatar
Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:
 
Posts: 1,159
iTrader: 3 / 100%
 

.Nick is on a distinguished road

  Old  CSS positioning problem

Hey people,

I'm coding my first tableless layout and have run into a few problems. I've looked forever at the code hoping to fix this, but can't seem to find what's wrong.

http://www.ipie.net/forsale/movie/coded/

The problem lies in the menu. Different problems in IE and FF.

IE: Displays almost perfectly except for the gap between the top and bottom menu sections.

FF: The rounded corner for the left is in the center. When you click the 'new release', 'movies', or 'help' links, the text shows too far up, and is aligned to the right instead of the left. The right roundedcorner also moves to below the menu.

If anybody could help me with this, it would be great.

Thanks, Nick

08-09-2005, 04:02 AM
#2
adras is offline adras
adras's Avatar
Status: Junior Member
Join date: Aug 2005
Location: Toronto, Canada
Expertise:
Software:
 
Posts: 28
iTrader: 0 / 0%
 

adras is on a distinguished road

Send a message via MSN to adras

  Old

For FF try, position: absolute; instead of relative for the #subs and the span just right before the <div id=subs>

For IE just tidy up your HTML code, make sure you don't leave any break lines between lines, sometimes IE will add a space in the page if there is break line in the HTML code.

08-09-2005, 11:34 PM
#3
.Nick is offline .Nick
.Nick's Avatar
Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:
 
Posts: 1,159
iTrader: 3 / 100%
 

.Nick is on a distinguished road

  Old

Originally Posted by dereklapp
avoid absolute positioning (or positioning in general) like the plauge.

I'd rather not use absolute positioning after reading that...

And in response to the code... I cleaned it up a bit so there aren't any unnecessary line breaks and it is a bit easier to read...

Anybody else know what might be wrong with it?

08-10-2005, 03:07 AM
#4
adras is offline adras
adras's Avatar
Status: Junior Member
Join date: Aug 2005
Location: Toronto, Canada
Expertise:
Software:
 
Posts: 28
iTrader: 0 / 0%
 

adras is on a distinguished road

Send a message via MSN to adras

  Old

Your code is messy nevertheless... okay try adding float: left; to the .menu class.

08-10-2005, 03:37 AM
#5
CreativeLogic is offline CreativeLogic
CreativeLogic's Avatar
Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:
 
Posts: 1,078
iTrader: 6 / 100%
 

CreativeLogic is on a distinguished road

Send a message via MSN to CreativeLogic

  Old

What you need to do is put the code....
<span style="float: left;">
...after that, all on one line. The spaces in IE mess up the height. Another way to get around this is by making that an unordered list.

08-10-2005, 03:52 AM
#6
.Nick is offline .Nick
.Nick's Avatar
Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:
 
Posts: 1,159
iTrader: 3 / 100%
 

.Nick is on a distinguished road

  Old

Fixed. Thanks for your help.

Closed Thread    


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

  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