Just nu i M3-nätverket
Gå till innehåll

Storlek på hemsida


jan01

Rekommendera Poster

Hej!

Jag försöker göra en hemsida (HTML & CSS), men hemsidan ser inte bra ut.

 

Mitt problem:

1-vilken storlek är standard (width & height) som ska passa alla skärmar.

2- Hur kan man centrera den.

3- när jag öppnar sidan med Safari ser den annorlunda ut.

Länk till kommentar
Dela på andra webbplatser

Hej!

Jag försöker göra en hemsida (HTML & CSS), men hemsidan ser inte bra ut.

 

Mitt problem:

1-vilken storlek är standard (width & height) som ska passa alla skärmar.

2- Hur kan man centrera den.

3- när jag öppnar sidan med Safari ser den annorlunda ut.

 

 

1. Förr var det 800x600 pixlar, men nu går det nog bäst med 1024x768 pixlar.

 

2. Ett alternativ är att göra en tabell som är width="100%", height="100%" och i <td align="center">, inom denna tag så lägger du materialet. Exempel se nedan.

 

<body>

<table width="100%" height="100%">

<tr>

<td align="center">

Hej

</td>

</tr>

</table>

</body>

 

3. Sidor ser olika ut i olika browsers. De uppfattar kod olika tyvärr.

 

 

/Wreksir

Länk till kommentar
Dela på andra webbplatser

Tabeller skall ej användas för layout/positionering!

http://standardice.c...everything.html

 

Ang. centrering så titta på:

http://www.w3.org/Style/Examples/007/center

 

Om du håller dig till korrekt/standard CSS så minimerar du risken för olika utseenden i olika webbläsare. Dock så kan du behöva göra specialhanteringar/quirks för att allt skall se exakt likadant ut.

Länk till kommentar
Dela på andra webbplatser

1 Att ha en bredd på 960 är lagom för en trekolumnslayout.

Höjd skall du inte sätta någon begränsning, då användare vet hur man scrollar.

Skall du endast ha en tvåkolumnslayout fungerar 800px fortfarande.

Om du skall ha en bredare kolumn där du har text som skall läsas av besökaren skall du tänka på att inte ha för bred kolumn.

En rad i en textkolumn skall ha 10-15 ord för att det inte skall vara jobbigt att läsa.

 

2 Med css:

body {text-align:center}
.wrapper {width: 960px; margin: 0 auto; text-align:left; }

...<body>
<div class="wrapper">
... divvar och innehåll här
</div>
</body>
</html>

 

3 Då har du inte kodat html / css enligt standard. Se länk i ovanstående inlägg.

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...