Problem med høyde og posisjonering av elementer

Wackamole · 19. februar 2009

hei, kjære forumbrukere

Jeg driver og setter sammen en side (fra Photoshop), og har litt problemer med kodingen. (Dette er et typisk noob spørsmål).

uansett, er litt vanskelig og forklare, så jeg har noen screen dump

Jeg vil at siden skal se slik ut:

http://bildr.no/view/349332

og den er egentlig grei, bare hvis innholdet hadde vært statisk noe det ikke er.

Hvis jeg har for mye tekst:

http://bildr.no/view/349337

Og hvis jeg har for lite tekst:

http://bildr.no/view/349338

Jeg har satt height på begge menu elementene (høyre og venstre), og vet at dette er feil, men er det noen måte og få dette til og bli dynamisk i forhold til hvor mye innhold det er på siden?

index.html

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<!-- meta tags -->

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

</head>

<body>

<div id="wrapper">

<div id="header"></div>
<div id="top_style"></div>

<div id="content">


<div align="center" id="menu_left">
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>

<div id="menu_right">
<ul>
<li>Annonser</li>
<div id="hr"></div>
<li>RSS feeds</li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lorem leo, tempus ac, ornare sit amet, commodo vel, eros. Ut est ligula, varius venenatis, sagittis at, molestie dignissim, velit. Aenean velit tellus, dapibus ac, ultricies sit amet, rhoncus at, magna. Praesent a ante non elit convallis dignissim. Pellentesque sem. Cras iaculis sapien id lectus. Suspendisse massa eros, tincidunt sed, convallis ut, egestas id, nisi. Vestibulum turpis. Nullam laoreet lobortis dolor. Nunc venenatis dolor hendrerit lacus. Curabitur lobortis. Sed ac ipsum. Nulla facilisi. In sed nunc sit amet sem imperdiet imperdiet.
</p>
<p>
Nulla dui. Duis elementum dapibus tellus. Cras aliquet nisi ac sapien dapibus rhoncus. Praesent eget magna vel felis euismod tincidunt. Proin faucibus iaculis ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus mi. Sed laoreet nisl quis enim. Cras erat. Maecenas vehicula consequat est. Ut nisl odio, accumsan id, egestas sit amet, tristique eu, purus. Suspendisse faucibus, enim eget congue accumsan, erat diam gravida mi, eget volutpat ligula odio non velit.
</p>

</div>
<div id="style_bottom"></div>
<div align="center" id="footer">2009 © Vesteralenmhk.com - All rights reserved</div>

</body>
</html>

Og stilskjemaet, style.css:

Klikk for å se/fjerne innholdet nedenfor

body {
background-color: #484a47;
}

#wrapper {
border: 0px solid #000;
width: 900px;
margin: 0 auto;
}

#header {
background-image: url('images/vmhk_header.png');
width: 900px;
height: 170px;
}

#top_style {
width: 900px;
height: 36px;
background-image: url('images/vmhk_middle_top.png');
}

#menu_left {
height: 599px;
width: 245px;
background-image: url('images/vmhk_menu_left.png');
float: left;
}

#content {
margin-top: -16px;
background-color: #ecebf0;
}

#menu_right {
height: 599px;
width: 244px;
background-image: url('images/vmhk_menu_right.png');
float: right;
}

#style_bottom {
width: 900px;
height: 51px;
margin-top: -16px;
background-image: url('images/vmhk_middle_bottom.png');
}

#footer {
width: 900px;
background-image: url('images/vmhk_footer.png');
height: 43px;
}

#hr {
border: 1px solid #000000;
padding: 1px;
width: 105px;
background-color: #EEEEEE;
}

Håper noen kan hjelpe meg med dette!

- Fredrik

Wackamole · 20. februar 2009

Bumpi Bump byggmakker..

Er det ingen som vil hjelpe meg? - det jeg igrunn trenger hjelp med er og få 3 kolloner, dær de to ytterste kollonene som har bakgrunnsbilde har samme lengde som den midterste.

Føler meg litt noob som spør siden jeg egentlig burde vite det. - Det blir enten denne, eller så må jeg kode det opp med tables. (noe som jeg vet er nono og ikke anbefalt). Men siden må være ferdig rimelig fort.

:love:

Fredrik

Endret 20. februar 2009 av Famen

Logg inn

Problem med høyde og posisjonering av elementer

Anbefalte innlegg

Wackamole

Lenke til kommentar

Videoannonse

Wackamole

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer