/    Sign up×
Community /Pin to ProfileBookmark

Aligning divs

Copy linkTweet thisAlerts:
Dec 27.2007

I think I have temporarily reached the limit of my CSS on this. Please look at a site which I am presently finishing up ([url]www.redbridgereview.co.uk/problemsite[/url] ) . It is a wiki and the code for the front page content can be seen by clicking the(view source) link at the bottom. Firefox will show you the CSS code.

Now I need the three blue bars at the top of content to align , but no matter what I do the right one stays put and won’t shift. Can someone give me a hand with this ?

Also the content box is OK in firefox, but there is a bit hanging out on the right with IE . Any fix for this ? Gracias.

to post a comment
CSS

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@dtm32236Dec 27.2007 — i would try [url=http://validator.w3.org/check?uri=http%3A%2F%2Fcapsittest.com%2Findex.php%3Ftitle%3DMain_Page&charset=%28detect+automatically%29&doctype=XHTML+1.0+Transitional&group=0&verbose=1]validating your html[/url]

it can't right now because of the character on this line (45):

* AnyLink Vertical Menu- � Dynamic Drive (www.dynamicdrive.com)
Copy linkTweet thisAlerts:
@bingecoderauthorDec 27.2007 — I have attempted to validate. It fails , but I am at at a loss as to how the result could cause the problems I mentioned as the errors do not really seem to affect the elements that I have problems with
Copy linkTweet thisAlerts:
@dtm32236Dec 27.2007 — you'd be surprised what stupid little errors the validator will pick up. small ones that you won't notice, but ones that can often break a site.

remove the random character (...tical Menu- � Dyn...) and revalidate.
Copy linkTweet thisAlerts:
@bingecoderauthorDec 27.2007 — Thanks I have removed the entire dhtml script and revalidated (the random character by the way was inside comments). Like I said it does not yet validate but the errors concern elements which do not seem capable of causing the problem I see. But of course I am not a champion coder. thanks
Copy linkTweet thisAlerts:
@dtm32236Dec 27.2007 — your doctype is wrong (or giving an error for some reason, i'm not sure why) - this will very often make it look messed up in different browsers.

it should be:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Copy linkTweet thisAlerts:
@dtm32236Dec 27.2007 — what's this ?97 stuff?

<script type="text/javascript" src="/skins/common/IEFixes.js?97"></script>

and words that appear first in your title, description, and keywords tags are weighted heavier than the rest (generally google only looks at the first 4-5 words of the title) so, having 'Main Page' as your first keyword is probably a bad idea.... just a stupid tip - i know that didn't solve your problem, but we'll get there...
Copy linkTweet thisAlerts:
@bingecoderauthorDec 27.2007 — Thanks . If you send me your email I will send you the php code so that you will have a better view of how the html was generated.
Copy linkTweet thisAlerts:
@dtm32236Dec 27.2007 — i don't know PHP very well, i don't think I'll be able to help much there, but you can always zip your files and attach them to your thread if you want people to see your code...
Copy linkTweet thisAlerts:
@WebJoelDec 27.2007 — There are some "warnings" ("errors"), -putting anything in a "<ul>" other than a "<li> ~ </li>" for instance (you are using "bars", -those " | " things). This is using HTML for presentational: you should be using either a margin-right:1px solid color or a backgrond-image for the "<li>" to create the 'line seperators'.. See first screenshot.

As for the blue line not lining up... the parent elements of [B]#leftwrap, "#midwrap[/B] and [B]div .rightcontentmenu[/B] apparently aren't the same height, as witnessed by the outlined borders of them: see second screenshot. :o

There are two "<html~ ...>" tags as well..<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">[/QUOTE]

[upl-file uuid=94d04e11-6ea2-4a58-821a-2081e65488b7 size=28kB]ScreenHunter_1.gif[/upl-file]

[upl-file uuid=96183349-933b-4bad-bf3d-34422e8281ec size=12kB]ScreenHunter_2.gif[/upl-file]
×

Success!

Help @bingecoder spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 4.30,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...