Gå til innhold

Problem med høyde og posisjonering av elementer

Wackamole

Anbefalte innlegg

Wackamole

Wackamole

Skrevet
Skrevet

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

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Wackamole

Wackamole

Skrevet
  • Forfatter
Skrevet (endret)

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 av Famen
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...