/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
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

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
>
> 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

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
Kim Marchwitz

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


Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste