CSS Positioning prob

[JimJx]

Hi all,

Hopefully quick question for someone who knows CSS better than I.

Problem: I have a page that displays a graphic, and is then supposed to display text below it. Should be easy enough I would think. The graphic displays at the proper postion, but instead of the text displaying below the graphic, it displays under the graphic. I hope the makes sense.

Anyway, the CSS is:

.MainWindow{
    position: absolute;
    max-width: 800px;
    width: expression(document.body.clientWidth > 800? "800px": "100%" ); 
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-size:Medium; 
    color:#AF31F4; 
    background-color:white;    
    Height: auto;
    margin: 0 auto ;    
}

.ShowCards {
    position: absolute;
    vertical-align: top;
    margin: 0 auto;
    top: 2px;
    width: 640px;
    height: auto;
    Left: 200px;
    COLOR: #AF31F4; 
    FONT-FAMILY: Verdana, Helvetica, sans-serif; 
    FONT-SIZE: 11pt; 
    FONT-WEIGHT: bold; 
}

.Location {
position: absolute;
top: 25px;
left: 460px;
width: 85px;
height: 110px;
text-align: center; 
}

.Text {
position: absolute;
top: 125px;
top-margin: 20px;
left: 10px;
width: 500px;
}

And the HTML is:

<DIV CLASS="MainWindow">
<DIV CLASS="ShowCards">
<div id="printReady">
<DIV CLASS="Location">
1<BR>
<img src="graphic.jpg">
</DIV>

<DIV CLASS="Text">
<font color="#FF0000"><TEXT></FONT>

</DIV>
</DIV>
</DIV>

So, if anyone can offer any suggestions, I would be very grateful.
Jim

 

[Foamcow]

Is there a reason you need the text in a seperate div to the image?

Why not just put the text directly after the image?

<img src="graphic.jpg" alt="alt text">
<p>Here's my text</p>

There is obviously something you aren't telling us.

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2

 

[ChrisHunt]

...and why use a <font> element when you're using CSS for everything else?

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[BillyRayPreachersSon]

Also, "<TEXT>" is not a valid element, AFAIK.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]