Jump to content


Photo

Help with CSS!


  • Please log in to reply
1 reply to this topic

#1 Bavilo

Bavilo
  • Members
  • PipPip
  • Member
  • 19 posts

Posted 28 April 2006 - 05:51 AM

Hello everyone,

I have recently started to work on a website i have to make for school.
I am having problems with the allignment of the different divs. For example, i have a header which should float in the top right, followed by a tab menu in its own wrapper div 20 pixels below the header, then a navigation menu floating on the left below the tab menu, and a content box floating on the right next to the navigation menu. Well it sounds simple, but its not coming out the way it should, i have to clear: both; the tab menu for it to even show up under the header, which i should have to do. Well here is a link to the page im working on. I hope someone can look over my code and tell me what i could change to make it work better. Also, im trying to keep the page resolution friendly, not sure how i would do that.

Again, any help is much appreciated.

Here is the link

[a href=\"http://mike.eurodogcrates.net/test/\" target=\"_blank\"]http://mike.eurodogcrates.net/test/[/a]

btw, i left the borders on so you can see whats going on. Seems the main container wont hold anything under the tab menu, dont know whats going on there aswell

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 28 April 2006 - 11:59 AM

You have a floating element; that detaches it from the structure. To get the box to expand the whole way down, you need to have an element with clear: both; at the bottom of your container div, or use [a href=\"http://positioniseverything.net/easyclearing.html\" target=\"_blank\"]this[/a] technique that only works in non-IE browsers, which you can't use.
Disclaimer: No matter how harsh I may be, I'm always IMO only.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users