html - centrering mellem to billeder - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

<< < 1 2 > >>

Bruger #13733 @ 10.05.08 08:10

Hej.

Jeg er igang med en hjemmeside hvor jeg gerne vil centrerer mellem to billeder så hele siden står i midten af de to billeder håber i forstår

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
body {
background-color:#404040;
}
#wrapper {
width:100%;
min-height:600px;
border:#000000 solid;
}

#header1 {
background-image:url(outer_line.jpg);
height:100px;
width:15%;
float:left
}
#header2 {
background-color:#000099;
height:120px;
width:70%;
float:left
}
#header3 {
background-image:url(outer_line.jpg);
height:100px;
width:15%;
float:left
}
#nav {
width:70%;

}
</style>

</head>

<body>
<div id="wrapper">
    <div id="header1"></div>
    <div id="header2"></div>
    <div id="header3"></div>
    <div id="nav">a</div>
</div>
</body>
</html>

16 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #13733 @ 10.05.08 17:15

nvm tror jeg har fundet problemet du får pointene

Indlæg senest redigeret d. 11.05.2008 12:45 af Bruger #13733

Bruger #13733 @ 10.05.08 20:23

det virker fint i Firefox men i IE gør det ikke har prøvet at bruge præcis den samme metode som du har sagt jeg skulle med tabeller og css men det lykkes ikke det presser sig stadigvæk sammen

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="100%" border="1">
<tr>
<td style="background-image:url(outer_line.jpg);" width="15%" height="100"></td>
<td style="width:69.9%" valign="top">a</td>
<td style="background-image:url(outer_line.jpg);" width="15%" height="100"></td>
</tr>
</table>
</body>
</html>

Bruger #10216 @ 10.05.08 21:37

4.283

Utroeligt nok fortæller du intet sted at du vil have en fast bredde!

Hvis vil have fast bredde skal du bruge enhedsdefinitioner. f.eks: "width: 100px"

Bruger #13733 @ 11.05.08 08:21

Utroeligt nok fortæller du intet sted at du vil have en fast bredde!

Hvis vil have fast bredde skal du bruge enhedsdefinitioner. f.eks: "width: 100px"

jeg har da heller ikke nævnt nogle steder at jeg vil have en fast bredde jeg skal lave det i procent så det virker i alle opløsninger og jeg har gjort det som du har sagt men det virker altså ikke... den laver det samme nummer når jeg resizer det

Indlæg senest redigeret d. 11.05.2008 08:22 af Bruger #13733

Bruger #10216 @ 11.05.08 12:19

4.283

Prøv at forklare helt præcist hvad det er du gerne vil og hvad det er der ikke er rigtigt i forhold til det. Indtil videre er alle løsninger, som er blevet smidt afsted, åbenbart forkerte.

Med procentvise bredder er det en naturlig ting at tingene bliver klemt sammen når vinduet bliver smallere.

Bruger #13733 @ 11.05.08 12:37

Nvm Tror jeg har fundet ud af det

Indlæg senest redigeret d. 11.05.2008 12:46 af Bruger #13733

<< < 1 2 > >>

centrering mellem to billeder

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler