site isn't formatted at all like it was 5 minutes ago

**kbfirebreather** · 08:28 PM

I'm not sure what happened, but the site used to be centered with a width of 970 px. 1 navigation div with height of 120 px, then 2 divs under that right next to eachother.

There should be borders around everything, but they're not....I have no clue why it would be working, I change virtually nothing, and it looks like this.

heres the html

HTML Code:

<!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">
<head>
<title>
My Pictures
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="navigation">
     navigation goes here
</div>
<div id="photos_search_container">
    <div id="album_container">
        <table border="1" cellspacing="0px" cellpadding="0px">
        <tr>
         <td width="280px" valign="top" align="left">
            <div id="album_pic_container">
                <img src="http://faithcashdollar.com/Photos/CapeMay2005/5.jpg" width="130" height="85.666666666667"/>
            </div>
            <div id="album_title_container">
                Cape May 2005            
            </div>
            <br />
            <div id="album_description_container">
                Beach Trip with the family.            
            </div>
            </td>
            <td width="280px"></td></tr>        
        </table>
        </div>
        <div id="search_container">
        search stuff
        </div>
        
</div>
</body>
</html>

and the css

HTML Code:

#navigation
{
margin:0 auto;
width:950px;
height:120px;
border:1px solid black;
margin-bottom:3px;
}
#album_container
{
margin:0 auto;
width:570px;
height:100%;
border-right:1px solid black;
float:left;
padding:5px;
}
#photos_search_container
{
margin:0 auto;
width:950px;
height:100%;
border:1px solid black;
}
#album_pic_container
{

    border:1px solid black;
    position:relative;
    width:130px;
    height:100%;
    float:left;
    margin-top:2px;
    margin-left:2px;
    
}
#album_title_container
{
    border:1px solid black;
    margin-left:2px;
    margin-top:2px;
    position:relative;
    float:left;
    width:140px;
}

#album_description_container
{
    border:1px solid black;
    margin-left:2px;
    margin-top:2px;
    position:relative;
    width:140px;
    float:left;
}
#search_container
{
float:left;
width:300px;
height:100px;
border:0px;
padding:10px;
}

**SMGenius** · 05-27-2008, 09:31 PM

Just tested your code and it works for me.
Are you using an internal or external stylesheet. (You have no external stylesheet link)

**kbfirebreather** · 09:37 PM

it's external.

heres the url

http://faithcashdollar.com/photos.php?view=0

does that show up correctly for you? it shows the same thing for me in FF and IE and that's everything on the left, Cape May 2005, and Beach trip... should be to the right of the picture, but I see them below one another.

**SMGenius** · 05-27-2008, 09:43 PM

You're not actually linking to the stylesheet in the html.

<link rel="stylesheet" type="text/css" href="stylsheet.css" />

OR

<style stype="text/css">
@import url(LOCATION OF STYLESHEET)
</style>

In the head.

You probably know that but for clarification I included it

**kbfirebreather** · 05-27-2008, 09:50 PM

I feel...so dumb....

**SMGenius** · 05-27-2008, 09:52 PM

No, don't. Things like these happen to most of us. Trust me.

Is everything working now?

**kbfirebreather** · 05-27-2008, 10:09 PM

ya going much better....but maybe while I'm in here...

I've been searching for at least 2 hours now....probably 2.5, so I'm gonna have to ask.

I want to center an image vertically inside a div. I've tried dozens of different combos of different things I've found from researching, but I'm truly stumped.

**SMGenius** · 05-27-2008, 10:39 PM

Does the div have a set height?

Tried: http://www.jakpsatweb.cz/css/css-ver...-solution.html ?

**kbfirebreather** · 05-27-2008, 10:45 PM

Nah, the div is a changing height.

**kbfirebreather** · 11:44 PM

Also, when I scale the images down, the pictures look kinda weird. The aspect ratio should be maintained, any idea of what could be the cause?

nvm I think I figured this one out ^^

**LadynRed** · 05-28-2008, 09:31 AM

Try reading the stickies: http://www.webmaster-talk.com/css-fo...r-website.html

**kbfirebreather** · 05-28-2008, 01:11 PM

I read every single one of them, for some reason me and css don't get along entirely to well. I'm gonna keep working on making it the way I want and I'm sure I'll be back, there are already some strange behaviors occurring.