PDA

View Full Version : How to make two individually classed divs "rest" upon an image? (XHTML + CSS)


Amun
08-29-2004, 04:56 AM
This is my first post here, so I hope I'm not breaking any rules (the community guidelines link doesn't work?).

First of all, a link to the page in question, and its stylesheet:
http://sansreality.com/srv2/
http://sansreality.com/srv2/style.css

What I'm having trouble doing is getting the "Heading" and "Time, date, by" to be on the same line and "resting" upon the separator right below it. I've fiddled and fiddled and just can't make it work. I tried using display: inline, but that didn't change anything.

Also, what's up with the weirdness near the main navigation in IE? I can't figure out why it's messed up.

Thanks in advance for your help, and if you can't answer, at least comment on what you think of my layout :)

zachogden
08-29-2004, 02:15 PM
This may not have anything to do with your problem, but it is an inconsistency....

One:

<div class="h2" style="text-align:right">Time, date, by</div>


Two:

<div class="h2">Time, date, by</div>


And about resting on that seperator...... That type of thing is a great idea, but if you think about all the different browsers and resolutions people have, its going to be impossible to actually make it work for everybody. And, to be totally honest, on my monitor I can barely even see the seperator. I actually had to look for it. About the "weirdness" near the nav bar in IE, I am not sure what you mean, as I am using FireFox and don't see anything abnormal.

p.s. What language is that site written in and what is the site to be about?

Amun
08-29-2004, 06:13 PM
The second post thing is there simply to make the page similar to what it would be like in actual usage, so I'm not too concerned about it.

As for the separators, can you see the lines on the left column and top part under the nav? I'd think that the design would suffer quite a bit without those visible...

The layout looks fine in Firefox, but there is a little inconsistency in IE with the top line gradient type thing that for some reason is causing it to render on top of part of the navigation.

The backend for the site will be done in PHP with a MySQL database behind it. Most of the code is already done since this is merely a redesign. The content will be bloggish in nature with a strong emphasis on humor. The different writers I have lined up will submit updates whenever they feel like it and do reviews of media and such whenever they want to as well.