CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

cykel123 Nybegynder

29. januar 2007 - 00:26 Der er 6 kommentarer og
1 løsning

center med css

Hej

Jeg er igang med at opbygge en side med css, som skal kunne præsenteres i forskellige skærmopløsninger

Min side skal indeholde 2 kolonner, med faste bredder angivet i pixels

De 2 kolloner skal centreres så de altid er ved midten af skærmen uafhængig af skærmopløsningen

Hvordan gøres dette ved brug af CSS og ikke som i HTML <center> kol1 kol2</center>

Understøtter både firefox og ie dette ?

Synes godt om

webudvikleren Nybegynder

29. januar 2007 - 00:28 #1

Kan du ikke bare lave

<div style="text-align:center;margin: 0 auto;">
indhold her
</div>

Synes godt om

cykel123 Nybegynder

29. januar 2007 - 00:29 #2

Tak. Vil det både virke med billeder og text

Synes godt om

cykel123 Nybegynder

29. januar 2007 - 00:31 #3

Kol1 skal vise billed med pixel bredde på 650

og kol2 skal vise text med pixel bredde på 150

Synes godt om

roenving Novice

29. januar 2007 - 00:47 #4

-- hvis margin:auto; skal virke skal der være en defineret bredde, og hvis den mest udbredte browser skal respektere det, skal der være en fuldt kvalificeret doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Centrerede kolonner</title>

<style type="text/css">
html,body{margin:0;padding:0;}

#site{width:864px;background:red;margin:0 auto;}
#venstre{width:264px;float:left;height:600px;}
#indhold{width:600px;float:left;background:lightblue;height:600px;}
</style>

</head>
<body>
<div id="site">
<div id="venstre">Venstre kolonne</div>
<div id="indhold">Indholds-kolonne</div>
</div>
</body>
</html>

Synes godt om

cykel123 Nybegynder

29. januar 2007 - 12:39 #5

Tak det virker :-) Den røde baggrundsfarve bliver dog ik vist

Svar og du får dine points.

Jeg vil gerne lave en dynamisk style.css (styles.php)

Skal jeg også tilføje doctype i stylesheet filen

Synes godt om

roenving Novice

29. januar 2007 - 15:18 #6

-- der må endelig ikke være andet en stylerules i en css-fil (som gerne må hedde styles.php, husk dog at sætte en content-header, der fortæller serveren og browseren at den har content-type text/css !-)

-- find den konkrete kode i et php-spørgsmål, jeg har den ikke lige her ...

-- og stylerules er f.eks.

html,body{margin:0;padding:0;}

#site{width:864px;background:red;margin:0 auto;}

@ media print{
*{display:none;}
html, body, #site, .printable{display:block;}
}

-- els velbekomme '-)

Synes godt om

cykel123 Nybegynder

29. januar 2007 - 18:39 #7

Tak :-)....det driller stadig med farverne i siden

Mit ønske er at have en farve ude i siderne, som eksperten.dk har (lyseblå farve)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS