Kandu.dk - positionering med css


/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

HTML

#	Navn	Point
1	molokyle	11184
2	Klaudi	5506
3	bentjuul	3377
4	severino	2040
5	smorch	1950
6	strarup	1525
7	natmaden	1396
8	scootergr..	1320
9	e.c	1150
10	miritdk	1110

positionering med css
Fra : Nigo

Dato : 05-06-03 02:18

Hejsa...

Prøv først at kigge på http://www.nigo.dk/hanne - så giver det
efterfølgende mere mening Glad

Jeg skal ha' placeret hovedindholdet på siden i den gule ramme - sårn
ca. og menuen skal være ude i siden, men stadig inden for
baggrundsbilledet. Hvis siden ses med 1280x1024, maksimeret
browservindue og IE, som jeg gør ser det hele rigtigt ud. Problemet
opstår hvis størrelsen af vinduet ændres... prøv selv! Jeg har bøvlet
lidt rundt med absolut positionering på nogle af delene, men jeg aner
ærligt talt ikke rigtigt hvad jeg laver. Prøv evt. at kigge i
css-filen: http://www.nigo.dk/hanne/hanne.css

Hvordan får jeg teksten og menuen til at "sidde fast" i nogle bestemte
koordinater på baggrundsbilledet uafhængigt at opløsning og
vinduesstørrelse? Baggrundsbilledet skal være centreret som det er nu.

Håber nogen kan hjælpe....

nikolaj

jopa (05-06-2003)

Kommentar
Fra : jopa

Dato : 05-06-03 09:13

Davs du
Nigo <80gsxoz02@sneakemail.com> skrev bla:
> Hejsa...
>
> Prøv først at kigge på http://www.nigo.dk/hanne - så giver det
> efterfølgende mere mening Glad

>
> Jeg skal ha' placeret hovedindholdet på siden i den gule ramme - sårn
> ca. og menuen skal være ude i siden, men stadig inden for
> baggrundsbilledet.

Hejsa prøv nedenstående er kun testet i IE, men mon ikke den funker i nyere
alternative Browsere.

Du kan evt klippe dit bg billede i 3 stk og smide i de 3 div's

<html>
<head>
<style type="text/css">
body {
text-align:center;
}
#frame {
width:750px;
margin-right:auto;
margin-left:auto;
margin-top:20px;
padding:0px;
text-align:left;
}
#venstre {
width:120px;
height:400px;
padding:0px;
float:left;
background-color : yellow;
}
#hojre {
width:630px;
height:400px;
padding:0px;
float:left;
background-color : blue;
background-position : top;
}
#toppen {
height:70px;
background-position : left;
background-color : red;
}
</style>
</head>
<body>
<div id="frame">
<div id="toppen"><h2>OVERSKRIFT</h2></div>
<div id="venstre">
<p> DINE LINKS</p>
</div>
<div id="hojre">
<p>indhold indhold indhold indholdindhold indhold indhold indholdindhold
indhold indhold indholdindhold indhold indhold indhold</p>
</div>
</div>
</body>
</html>

--
Mvh. John
www.johns-web.dk / www.jp-web.dk
www.web-templates.dk
Teamwork sharpening the skills!!

Marchwitz (05-06-2003)

Kommentar
Fra : Marchwitz

Dato : 05-06-03 09:31

"Nigo" skrev d. 05-06-03 02:18 dette indlæg :
> Hejsa...
>
> Prøv først at kigge på http://www.nigo.dk/hanne - så giver det
> efterfølgende mere mening Glad

Det bedste må vel være at lave nogle tabeller.
Prøv denne og se om det giver mening:

Citat
<body background="http://DitBaggrundsbillede.gif.jpg">

<div align="center">
<center>
<table border="0" cellspacing="3" width="100%" height="100%">
<tr>
<td width="38%"></td>
<td width="31%"></td>
<td width="31%"></td>
</tr>
<tr>
<td width="38%"></td>
<td width="31%" rowspan="3">Her står der noget</td>
<td width="31%"></td>
</tr>
<tr>
<td width="38%"></td>
<td width="31%"></td>
</tr>
<tr>
<td width="38%"></td>
<td width="31%"></td>
</tr>
<tr>
<td width="38%"></td>
<td width="31%"></td>
<td width="31%">Her står der noget andet</td>
</tr>
</table>
</center>
</div>

Med venlig hilsen Glad

Kim Marchwitz

--
Leveret af:
http://www.kandu.dk/
"Vejen til en hurtig løsning"

Søg

Reklame

Statistik

Spørgsmål :	177560
Tips :	31968
Nyheder :	719565
Indlæg :	6408942
Brugere :	218888

Månedens bedste

Årets bedste

Sidste års bedste