/ 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
1-2-1 standard design med CSS
Fra : Rune Jensen


Dato : 19-04-07 19:11

Standarddesign, Header øverst, dernæst nedenunder menu venstre side, content
højre side, nederst footer, det hele rammet ind i en omgivende DIV og
centreret.

Let nok at lave, hvis man sætter inholdet efter menuen i koden. Men hvis nu
det ser ud som nedenunder i koden, men det skal følge ovenstående med CSS,
hvad er så løsningen når det skal virke i alle (nyere) browsere samt IE6,
og jeg vil undgå conditional comments helt?


Kode:
<div id="wrapper">
<div id="Header">header</div>
<div id=content">
indhold
</div>

her kommer menuen, som med CSS skal skubbes op og til venstre for indholdet

<ul>
<li>menupunkt 1</li>

osv..

Har rodet med det, og jeg kan få det til at virke i FF, men ikke IE
samtidigt. Jeg bruger em på width på wrapperen.


MVH
Rune Jensen

--
Grafiker/grafisk talent til web søges til samarbejde.
runeofdenmark snabela gmail punktum com



 
 
Jørgen Farum Jensen (19-04-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 19-04-07 21:13

Rune Jensen skrev:
> Standarddesign, Header øverst, dernæst nedenunder menu venstre side, content
> højre side, nederst footer, det hele rammet ind i en omgivende DIV og
> centreret.
>
> Let nok at lave, hvis man sætter inholdet efter menuen i koden. Men hvis nu
> det ser ud som nedenunder i koden, men det skal følge ovenstående med CSS,
> hvad er så løsningen når det skal virke i alle (nyere) browsere samt IE6,
> og jeg vil undgå conditional comments helt?
>
>
> Kode:
> <div id="wrapper">
> <div id="Header">header</div>
> <div id=content">
> indhold
> </div>
>
> her kommer menuen, som med CSS skal skubbes op og til venstre for indholdet
>
> <ul>
> <li>menupunkt 1</li>
>


Prøv at læse artiklen
http://webdesign101.dk/csslayout/
især
http://webdesign101.dk/csslayout/ex/principlayout_2.html


--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

tidemann (25-04-2007)
Kommentar
Fra : tidemann


Dato : 25-04-07 13:46

Rune Jensen wrote:
> Standarddesign, Header øverst, dernæst nedenunder menu venstre side,
> content højre side, nederst footer, det hele rammet ind i en omgivende
> DIV og centreret.
>
> Let nok at lave, hvis man sætter inholdet efter menuen i koden. Men hvis
> nu det ser ud som nedenunder i koden, men det skal følge ovenstående med
> CSS, hvad er så løsningen når det skal virke i alle (nyere) browsere
> samt IE6, og jeg vil undgå conditional comments helt?
>
>
> Kode:
> <div id="wrapper">
> <div id="Header">header</div>
> <div id=content">
> indhold
> </div>
>
> her kommer menuen, som med CSS skal skubbes op og til venstre for
> indholdet
> <ul>
> <li>menupunkt 1</li>
>
> osv..
>
> Har rodet med det, og jeg kan få det til at virke i FF, men ikke IE
> samtidigt. Jeg bruger em på width på wrapperen.
>
>
Måske skal du kigge lidt her:
http://www.webdesign101.dk/csslayout/oversigt.php
det kan være du finder noget du kan bruge.

Eller se denne www.mariannes.frac.dk/diverse-test/demo.html

--
Mvh Marianne
design af: www.dhejne.dk - www.ragdollys-cat-link.dk
www.singingwolfs.dk - www.royalmontana.dk


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