3 replies [Last post]
KiReSt
Offline
newbie
Norway
Last seen: 12 years 47 weeks ago
Norway
Joined: 2007-10-28
Posts: 2
Points: 0

Hello,
I have a div-css layout site that I newly made, everything looks ok, but the navigation part won't increase it's height if the body content does. I want the navigation to be attached to the header as it is now, but also attached to the footer, but when the body content increases, the footer are also moved further down, but the navigation wont follow. I have tested the site with Safari. though I'm pretty sure the navigation wont be aligned to the right if you opens the page with IE, haven't fixed that yet.

Any solutions would be greatly appreciated.

HTML:

Kennel Smulens 2000


Lorem ipsum sit omnis utinam scaevola ea, nusquam vivendo eligendi usu ea! Nihil vivendum pri ne. Nec no mandamus intellegam, noluisse placerat fabellas vix an. An pri hinc argumentum, mel debitis ceteros ea, ei eirmod alterum oporteat pro.


Cum cu doming utamur labores, cu maiorum definiebas qui, debet audire admodum eum id. Illud conclusionemque ad his. Dolor option definitiones id qui, tota mazim accusamus ne usu, has in nibh definiebas! Pro facer placerat explicari ea? Mei vitae interesset eu.


Ne his dignissim disputationi. Latine equidem consectetuer ad vel, et novum fabulas definiebas eum? At sit decore habemus evertitur. Veniam gubergren contentiones est id. Debet vitae persequeris et ius, ad usu tritani feugait.


Malis nostro aliquid per cu, an labore copiosae vix, omnesque disputationi in eam. Detracto abhorreant id est. Fuisset aliquyam qui at. Ne maiorum accumsan vis, eu tale signiferumque nam. Vim melius audiam detraxit ex, ne eum quaeque molestiae!


Est an dolor partiendo, in nec amet inani errem! Pri ad graece ignota, vis aperiri consetetur ut. Eu harum movet forensibus mel! At odio congue has, sea ne facilisi antiopam, lobortis invenire qui ex.


Vim et tritani takimata. Eu novum nonummy has, nam argumentum definitiones ne, paulo denique commune ei nec. Laoreet praesent vis ad, et illum numquam percipitur per, persius labitur accumsan id usu! Mei an vitae impedit appellantur, at ceteros deserunt moderatius sea! Vel probo habemus splendide et, no vim nobis nostrum, eam mentitum tincidunt ne!


Ut nec dicam nostrum fastidii? Ut impedit laboramus necessitatibus nam, eu accusamus deterruisset vel, vix at graeci temporibus. Salutandi interesset quaerendum usu id, et mea atqui commune interesset, accusam epicurei eu duo! Idque perfecto te vix, nec eu inani luptatum deterruisset! Nullam impetus ex his. Idque movet ocurreret ex mea, ut numquam mediocritatem vim!


Eu eos oblique fierent petentium, at equidem principes eum! Sed reque placerat at! Laoreet inciderint ad usu. Erat vocent dissentiet mei ut, antiopam omittantur at eam, no hinc periculis duo. Porro minim disputando ad vel, ius iriure electram eu? Noster legimus vulputate has at, ne aperiri suscipiantur vel, ferri graece prompta ex duo.


Eam mazim quodsi ancillae eu? Illum idque tation eum ex, in assum concludaturque nam, cu qui ponderum tale vituperatoribus. Id erant moderatius reformidans per, sed omnis etiam consectetuer te. Eam abhorreant referrentur eu. Vel suas veri signiferumque ea, an nam ornatus rationibus reprehendunt!


Mea ut alii legendos interesset. Atomorum delicata ne mei, scripta habemus democritum vel ex, at nam ridens repudiandae? Eam veritus epicuri percipit ut. Facilis insolens et sit. Tation omittantur consequuntur ad pro, nam et tale option vituperata!







CSS: body { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; background-color:#8693b6; font-size:11px; background-image: url(../graphics/background.gif); background-repeat: repeat-x; background-position: top; } #wrap { width: 729px; margin: 0 auto; background: #ffffff; border: 1px solid #24282f; }

#header {
background-image:url(../graphics/header.jpg);
width:729px;
height:155px;
margin:0px;
padding:0px;

}

#nav {
width:195px;
background-color:#c6d0d9;
margin:0px;
padding:0px;
float:right;
padding-left:5px;
}

#nav ul {
line-height:30px;
}

#nav ul li {
list-style-image: url(../graphics/bullet.gif);
list-style-type: none;
font-weight:bold;
}

#nav #sub {
margin-top:auto;
margin-bottom:15px;
}

#nav a {
color:#011844;
text-decoration:none;
}
#nav a:hover {
color:#011884;
}

#body {
width:509;
float:left;
margin-top:2px;
margin-right:10px;
margin-left:10px;
margin-bottom:12px;

}

#body #error {
color:#DD0000;
font-weight:bold;
}

#body #error #support {
color:#555555;
font-style:italic;
}

#footer {
clear:both;
height:15px;
width:729px;
background-color:#c6d0d9;
text-align:center;
}

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 27 weeks 4 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Faux Columns

Verschwindende wrote:
  • CSS doesn't make pies

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 17 hours 15 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9767
Points: 3849

After reading the article

After reading the article tph linked for you, see http://garyblue.port5.com/webdev/2col.html for a practical example.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

KiReSt
Offline
newbie
Norway
Last seen: 12 years 47 weeks ago
Norway
Joined: 2007-10-28
Posts: 2
Points: 0

Thanks

Thank you.

Figured that this is all a neat cheat >.<

..But at least it shows just like its supposed to do now. Thanks again.