Jump to content

Recommended Posts

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
Link to comment
https://forums.phpfreaks.com/topic/8607-help-with-css/
Share on other sites

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.
Link to comment
https://forums.phpfreaks.com/topic/8607-help-with-css/#findComment-31630
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.