Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Website Design Forum


You are currently viewing our Website Design Forum as a guest. Please register to participate.
Login


Tycoon Talk > Website Design and Graphics Support > Website Design Forum > CSS Layout Problem.

Freelance Jobs

Reply
CSS Layout Problem.
Old 10-02-2007, 08:59 PM CSS Layout Problem.
code_stalker's Avatar
Novice Talker

Posts: 5
Name: Jerry
Location: Westminster, Colorado
Trades: 0
Talkupation: code_stalker is on a distinguished road
I'm having a problem with my css layout. It seems my layer comes out perfect in Internet Explorer, but not for Mozilla Firefox.

I don't know what the issue is, so pretty much what I am asking for is if someone else can spot the problem for me.

Here's some image showing what I mean:

Internet Explorer example
Mozilla Firefox example

Here's my current css code. I don't think the problem involves my html file, but if you need it, just ask and I'll post it.

Thanks for any help.

Here's the html:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<!-- Created on: 10/2/2007 -->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title></title>
  <meta name="description" content="Graphic Design club of Standley Lake High School">
  <meta name="keywords" content="">
  <meta name="author" content="Webmaster">
  <meta name="generator" content="AceHTML Freeware"> 
  <link rel="stylesheet" href="css/css.css" type="text/css">
  <link rel="stylesheet" href="css/lightbox.css" type="text/css" />
  <script src="javascript/prototype.js" type="text/javascript"></script>
  <script src="javascript/lightbox.js" type="text/javascript"></script>
</head>
<body> 
    <div id="container"> 
        <div id="header">
        <b>Header</b>. 
        <p>Make the header's image related to our club. Size is: width: 680px and height: 100px.</p>
        </div>
        
        <div id="navigation_menu">
        <b>Navigation</b>.
        <p>Make a nice pattern image. width is 120px.</p>
        <p>What Links should we have on the site?</p>
        </div> 
        
        <div id="content">
        <p><b>Body</b>.</p>
        <p>This is just an example site, not completed.</p>
        <p>I'll make the background image for this.</p>
        <p>A picture of all the club members would be nice here</p>
        <p>Not sure what else will go here, any ideas.</p>
        </div> 
        
        <div id="footer">
        <b>Footer</b>. I'll make the background image for this.
        </div>
    </div>
</body>
</html>
Last edited by code_stalker; 10-02-2007 at 09:16 PM.. Reason: request for html.
code_stalker is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 10-02-2007, 09:10 PM Re: CSS Layout Problem.
joder's Avatar
Flipotron

Posts: 6,442
Name: James
Location: In the ocean.
Trades: 0
Talkupation: joder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant future
Please post the HTML.
joder is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 09:39 PM Re: CSS Layout Problem.
Sydpix's Avatar
Drinker I Smoke

Posts: 424
Name: Denny
Location: In a can...
Trades: 0
Talkupation: Sydpix is just really niceSydpix is just really niceSydpix is just really niceSydpix is just really nice
Here is a fluid layout that has about everything you need to start.

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" xml:lang="en" lang="en">
<head>

<title>xhtml css compliant template</title>

<!-- Meta Tags -->
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="robots" content="index, follow" />

<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />

<!-- Favicon -->
<link rel="shortcut icon" href="" />

<!-- CSS
<link rel="stylesheet" href="css.css" media="screen,projection" type="text/css" />
<link rel="stylesheet" href="css.css" media="print" type="text/css" />
 -->
    
<!-- RSS -->
<link rel="alternate" href="" title="RSS Feed" type="application/rss+xml" />

<!-- JavaScript : Include and embedded version -->
<script src="" type="text/javascript"></script>

<link href="" rel="stylesheet" type="text/css" />
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif
}
p{margin:0 10px 10px
}
a{margin:
    color: #CC9900;
    color: #CC9900;
}
#container {
    clear:right;
    width:90%;
    margin-right: auto;
    margin-left: auto;
    background-color: #333333;
}
#header {height:100%; margin:0;
  padding-left:10px;background: #666666;color: #CCCCCC
        }
#navigate p{
    line-height:1.4;
    color: #CCCCCC;
}

#footer{background: #333;color: #FFF
}
#footer p{margin:0;padding:5px 10px
}

#rightcolumn{
    float:right;
    width:70%;
    background-color: #666666;
    color: #CCCCCC;
}
#leftcolumn{
    float:right;
    width:29.9%;
    background-color: #CCCCCC;
}
#footer{
    clear:right;
    width:100%;
    background-color: #FFCC00;
}

</style>
</head>

<body>

<div id="container">
<div id="header">
 <h1> template </h1>
 <p>A simple blank 2 Column fluid template with header and footer
  <br />
 </p>
 <p>&nbsp;</p>
</div>
<div id="wrapper">
<div id="navigate">
<p>Navigate</p>
</div>
</div>
<div id="rightcolumn">
<p><strong>Right Column </strong></p>
<p>&nbsp;</p>
<div class="clear">
 <p>Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic epsom amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad epsom valorem. Lorem ipson epsom dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in epsom consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. </p>
 <p>Lorem epsom  ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic ametepsom  sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. </p>
</div>
</div>
<div id="leftcolumn">
<p><strong>This is a cool liquid </strong>2 column xhtml template </p>
<div class="basefont">
 <p>&nbsp;</p>
 <p>Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic epsom amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad epsom valorem. Lorem ipson epsom dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in epsom consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. </p>
 <p>Lorem epsom  ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic ametepsom  sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic <span class="style1">amet </span>epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. </p>
</div>
</div>
<div id="footer">  <p>Footer</p>
 </div>
</div>
</body>
</html>
__________________
.
Village Idiot
Sydpix is offline
Reply With Quote
View Public Profile Visit Sydpix's homepage!
 
Old 10-02-2007, 09:43 PM Re: CSS Layout Problem.
code_stalker's Avatar
Novice Talker

Posts: 5
Name: Jerry
Location: Westminster, Colorado
Trades: 0
Talkupation: code_stalker is on a distinguished road
I like the fluid layout, but what should I change so it looks like what I was originally going for?
code_stalker is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 09:57 PM Re: CSS Layout Problem.
Sydpix's Avatar
Drinker I Smoke

Posts: 424
Name: Denny
Location: In a can...
Trades: 0
Talkupation: Sydpix is just really niceSydpix is just really niceSydpix is just really niceSydpix is just really nice
I had to lose the fluidity but, here is another example


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" xml:lang="en" lang="en">
<head>

<title>xhtml css compliant template</title>

<!-- Meta Tags -->
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="robots" content="index, follow" />

<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />

<!-- Favicon -->
<link rel="shortcut icon" href="" />

<!-- CSS
<link rel="stylesheet" href="css.css" media="screen,projection" type="text/css" />
<link rel="stylesheet" href="css.css" media="print" type="text/css" />
 -->
    
<!-- RSS -->
<link rel="alternate" href="" title="RSS Feed" type="application/rss+xml" />

<!-- JavaScript : Include and embedded version -->
<script src="" type="text/javascript"></script>
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif
}
p{margin:0 10px 10px
}
a{margin:
    color: #CC9900;
    color: #CC9900;
}
#container {
    clear:right;
    width:740px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
}
#header {
    height:100%;
    margin:0;
    padding-left:10px;
    background: #666666;
    color: #CCCCCC;
    float: right;
    width: 505px;
        }
#navigate p{
    line-height:1.4;
    color: #CCCCCC;
}

#footer{
    background: #FFCC00;
    color: #FFF;
    width: 740px;
    margin-right: auto;
    margin-left: auto;
    height: 100px;
}


#rightcolumn{
    float:right;
    width:515px;
    background-color: #FFFFFF;
    color: #333333;
}
#leftcolumn{
    float:left;
    width:29.9%;
    background-color: #CCCCCC;
}
#footer{
    clear:right;
    width:100%;
    background-color: #FFCC00;
}

</style>
</head>

<body>

<div id="container">
<div id="leftcolumn">
<p><strong>This is a cool liquid </strong>2 column xhtml template </p>
<div class="basefont">
 <p>&nbsp;</p>
 <p>Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic epsom amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad epsom valorem. Lorem ipson epsom dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in epsom consetum nunc ad valorem.</p>
 </div>
</div>
<div id="header">
 <h1> template </h1>
 <p>A simple blank 2 Column fluid template with header and footer
  <br />
 </p>
 <p>&nbsp;</p>
</div>
<div id="wrapper"></div>
<div id="rightcolumn">
<p><strong>Right Column </strong></p>
<p>&nbsp;</p>
<div class="clear">
 <p>Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic epsom amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad epsom valorem. Lorem ipson epsom dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in epsom consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. </p>
 <p>Lorem epsom  ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic ametepsom  sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. </p>
</div>
</div>
<div id="footer">  <p>Footer</p>
</div>
</div>
</body>
</html>
__________________
.
Village Idiot
Sydpix is offline
Reply With Quote
View Public Profile Visit Sydpix's homepage!
 
Old 10-02-2007, 10:06 PM Re: CSS Layout Problem.
code_stalker's Avatar
Novice Talker

Posts: 5
Name: Jerry
Location: Westminster, Colorado
Trades: 0
Talkupation: code_stalker is on a distinguished road
I don't what Firefox is doing, but there is a problem with the new layout you give to me. The Footer doesn't properly align at the bottom, it is raise up making the navigation area overlap it.

The first layout works perfectly with both firefox and internet explorer. I might just use that one instead unless you figure out the problem with the second one.

Thanks a lot for helping me Sydpix.
code_stalker is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 10:12 PM Re: CSS Layout Problem.
joder's Avatar
Flipotron

Posts: 6,442
Name: James
Location: In the ocean.
Trades: 0
Talkupation: joder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant future
The one Sydpix posted, just change the clear:right for #footer to clear:both
joder is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 10:16 PM Re: CSS Layout Problem.
code_stalker's Avatar
Novice Talker

Posts: 5
Name: Jerry
Location: Westminster, Colorado
Trades: 0
Talkupation: code_stalker is on a distinguished road
Thanks joder. Is it possible to remove that space between the header and the navigation?
code_stalker is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 10:23 PM Re: CSS Layout Problem.
Sydpix's Avatar
Drinker I Smoke

Posts: 424
Name: Denny
Location: In a can...
Trades: 0
Talkupation: Sydpix is just really niceSydpix is just really niceSydpix is just really niceSydpix is just really nice
I inserted a <hr /> with visibility set to 0 and it seems to work fine for me?



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" xml:lang="en" lang="en">
<head>

<title>xhtml css compliant template</title>

<!-- Meta Tags -->
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="robots" content="index, follow" />

<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />

<!-- Favicon -->
<link rel="shortcut icon" href="" />

<!-- CSS
<link rel="stylesheet" href="css.css" media="screen,projection" type="text/css" />
<link rel="stylesheet" href="css.css" media="print" type="text/css" />
 -->
    
<!-- RSS -->
<link rel="alternate" href="" title="RSS Feed" type="application/rss+xml" />

<!-- JavaScript : Include and embedded version -->
<script src="" type="text/javascript"></script>
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif
}
p{margin:0 10px 10px
}
a{margin:
    color: #CC9900;
    color: #CC9900;
}
hr {
    margin-bottom:0px;
    border:none;
    width:740;
    color:#eeeeee;
    background-color:#eeeeee;
    height:0px;
    clear:both;
    visibility: hidden;
}
#container {
    clear:right;
    width:740px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
}
#header {
    height:100%;
    margin:0;
    padding-left:10px;
    background: #666666;
    color: #CCCCCC;
    float: right;
    width: 505px;
        }
#navigate p{
    line-height:1.4;
    color: #CCCCCC;
}

#footer{
    background: #FFCC00;
    color: #FFF;
    width: 740px;
    margin-right: auto;
    margin-left: auto;
    height: 100px;
}


#rightcolumn{
    float:right;
    width:515px;
    background-color: #FFFFFF;
    color: #333333;
}
#leftcolumn{
    float:left;
    width:29.9%;
    background-color: #CCCCCC;
    clear: both;
}


</style>
</head>

<body>

<div id="container">
<div id="leftcolumn">
<p><strong>This is a cool liquid </strong>2 column xhtml template </p>
<div class="basefont">
 <p>&nbsp;</p>
 <p>Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic epsom amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad epsom valorem. Lorem ipson epsom dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lor</p>
 <p>&nbsp;</p>
 <p>&nbsp;</p>
 <p>This will now drop the footer when expanded </p>
 </div>
</div>
<div id="header">
 <h1> template </h1>
 <p>A simple blank 2 Column fluid template with header and footer
  <br />
 </p>
 <p>&nbsp;</p>
</div>
<div id="wrapper"></div>
<div id="rightcolumn">
<p><strong>Right Column </strong></p>
<p>&nbsp;</p>
<div class="clear">
 <p>Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic epsom amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad epsom valorem. Lorem ipson epsom dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem epsom ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in epsom consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic amet sec in consetum epsom nunc ad valorem. </p>
 <p>Lorem epsom  ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. </p>
 <p>Lorem ipson dolor sic ametepsom  sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet epsom sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. Lorem ipson dolor sic amet sec in consetum nunc ad valorem. </p>
</div>
</div>
<hr />
</div>
<div id="footer">  
</div>
</body>
</html>
__________________
.
Village Idiot
Sydpix is offline
Reply With Quote
View Public Profile Visit Sydpix's homepage!
 
Old 10-02-2007, 10:24 PM Re: CSS Layout Problem.
joder's Avatar
Flipotron

Posts: 6,442
Name: James
Location: In the ocean.
Trades: 0
Talkupation: joder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant future
Instead of taking the time to do too much re-writing, In the #header I increased the padding-left to 14px.
joder is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 10:34 PM Re: CSS Layout Problem.
code_stalker's Avatar
Novice Talker

Posts: 5
Name: Jerry
Location: Westminster, Colorado
Trades: 0
Talkupation: code_stalker is on a distinguished road
Thanks for the help guys. I got it the way I want it.
code_stalker is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 10:36 PM Re: CSS Layout Problem.
joder's Avatar
Flipotron

Posts: 6,442
Name: James
Location: In the ocean.
Trades: 0
Talkupation: joder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant future
Cool. I'm glad it works for you
joder is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 10:43 PM Re: CSS Layout Problem.
Sydpix's Avatar
Drinker I Smoke

Posts: 424
Name: Denny
Location: In a can...
Trades: 0
Talkupation: Sydpix is just really niceSydpix is just really niceSydpix is just really niceSydpix is just really nice
And Joder... lol! I just realized this evening that you added negative feedback on my talkupation lol!
__________________
.
Village Idiot
Sydpix is offline
Reply With Quote
View Public Profile Visit Sydpix's homepage!
 
Old 10-02-2007, 10:44 PM Re: CSS Layout Problem.
joder's Avatar
Flipotron

Posts: 6,442
Name: James
Location: In the ocean.
Trades: 0
Talkupation: joder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant future
Quote:
Originally Posted by Sydpix View Post
And Joder... lol! I just realized this evening that you added negative feedback on my talkupation lol!
That was a long time ago! I have given you positive TP since then

BTW, I apologized for the negative

EDIT: I just gave you some more good TP.
Last edited by joder; 10-02-2007 at 10:45 PM..
joder is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 10:51 PM Re: CSS Layout Problem.
Sydpix's Avatar
Drinker I Smoke

Posts: 424
Name: Denny
Location: In a can...
Trades: 0
Talkupation: Sydpix is just really niceSydpix is just really niceSydpix is just really niceSydpix is just really nice
No biggie man... lol I was laughing about it.

Joder... Do you work in the field of web design?
__________________
.
Village Idiot
Sydpix is offline
Reply With Quote
View Public Profile Visit Sydpix's homepage!
 
Old 10-02-2007, 10:53 PM Re: CSS Layout Problem.
joder's Avatar
Flipotron

Posts: 6,442
Name: James
Location: In the ocean.
Trades: 0
Talkupation: joder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant future
I have been working as a n*x Systems Admin. Next week I move to the MySQL Administration team.

I have worked on web sites as my own projects since 1998.

How about you?
joder is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 11:01 PM Re: CSS Layout Problem.
Sydpix's Avatar
Drinker I Smoke

Posts: 424
Name: Denny
Location: In a can...
Trades: 0
Talkupation: Sydpix is just really niceSydpix is just really niceSydpix is just really niceSydpix is just really nice
Sounds like a good move.

I mainly freelance and build small static sites. I am dieing to get more detailed on the backend stuff.

I'm not sure were to start. I have some basic knowledge, for instance, I can easily navigate through phpMyAdmin and set up just about any CMS or forum with ease as well as hacks. I can install most SQL related scripts, user logins, mailers, all the basics.

I do want to learn to hand write custom code. I guess I'm lacking in the skills department when it comes to the actual language.

Any suggested reading?
__________________
.
Village Idiot
Sydpix is offline
Reply With Quote
View Public Profile Visit Sydpix's homepage!
 
Old 10-02-2007, 11:09 PM Re: CSS Layout Problem.
joder's Avatar
Flipotron

Posts: 6,442
Name: James
Location: In the ocean.
Trades: 0
Talkupation: joder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant futurejoder has a brilliant future
Of course you can do it

The php documentation is excellent.
http://www.php.net/manual/en/
It contains a lot of comments that are extremely helpful.

PHP Builder http://www.phpbuilder.com/ and PHP Freaks both have excellent tutorials.

If you want a paper book, I would recommend Oreilly's Learning PHP 5 and Prentice Hall's Practical PHP and MySQL.
joder is offline
Reply With Quote
View Public Profile
 
Old 10-02-2007, 11:16 PM Re: CSS Layout Problem.
Sydpix's Avatar
Drinker I Smoke

Posts: 424
Name: Denny
Location: In a can...
Trades: 0
Talkupation: Sydpix is just really niceSydpix is just really niceSydpix is just really niceSydpix is just really nice
Thanks for that! I will be a regular at phpbuilder for sure.
__________________
.
Village Idiot
Sydpix is offline
Reply With Quote
View Public Profile Visit Sydpix's homepage!
 
Reply     « Reply to CSS Layout Problem.
 
Previous Thread | Next Thread Tycoon Talk > Website Design and Graphics Support > Website Design Forum > CSS Layout Problem.

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.91121 seconds with 12 queries