Litt små frustrert over rotete webside i forskjellige nettlesere

Thomas. · 28. juli 2010

Okey...

Mekket sammen et raskt eksempel på bruk av float.

Test og forstå koden!

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Float</title>
<style type="text/css">
.wrapper {
width:600px;
position: relative;
margin: 0 auto;
border: 1px solid black;
padding: 2px;
}

.wrapper #logo {
text-align:center;
position:relative;
border: 1px solid black;
margin: 2px;
background-color: #F00;
}

.wrapper #meny1 {
position:relative;
width: 150px;
float: left;
border: 1px solid black;
margin: 2px;
background-color: #09F;
}

.wrapper #content {
float:left;
width: 282px;
border: 1px solid black;
margin: 2px;
min-height: 100px;
background-color: #000;
}

.wrapper #content #div {
margin:0 auto;
padding:2px;
display:block;
position: relative;
}

.wrapper #content #div1 {
float:left;
border: 1px solid black;
margin: 3px;
width: 100px;
background-color: #360;
}

.wrapper #content #div2 {
float:left;
border: 1px solid black;
margin: 3px;
width: 100px;
background-color: #FFF;
}

.wrapper #meny2 {
float:left;
width: 150px;
border: 1px solid black;
margin: 2px;
background-color: #0CF;
}

.wrapper #foot {
clear:both;
text-align:center;
margin:2px;
border: 1px solid black;
background-color: #9F0;
}
</style>
</head>

<body>
<div class="wrapper">
<div id="logo"><h2>LOGO</h2></div>
<div id="meny1">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
<div id="content">
	<div id="div1">#div1</div>
	<div id="div2">#div2</div>
</div>
<div id="meny2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
<div id="foot">Float Eksempel</div>
</div>
</body>
</html>

NeEeO · 28. juli 2010

Eh, nå er jeg på andre siden av gjerde...#content hvorfor står det float: LEFT; hvorfor får den ikke til venstre..(pga relative?+ vet ikke helt hva det er men..sjekka på w3schools..litt vannskelig å forstå på engelsk)

greygenic · 28. juli 2010

[...]

Eh, nå er jeg på andre siden av gjerde...#content hvorfor står det float: LEFT; hvorfor får den ikke til venstre..(pga relative?+ vet ikke helt hva det er men..sjekka på w3schools..litt vannskelig å forstå på engelsk)

Når det står 'float:left' betyr ikke det at den skal ligge helt til venstre, men at den skal flyte mot venstre..

Igjen og igjen vil du, trådstarter, komme med spørsmål der du ikke vil forstå svaret fordi du tydeligvis ikke engang kan det helt grunnleggende, og derfor ikke har noen knagg å henge forklaringer på.

Dette gjentar seg jo igjen og igjen, du lærer visst aldri. Og til slutt vil du sitte igjen med en utrolig hullete og mangelfull forståelse for hvordan HTML og CSS fungerer, siden du stadig prøver å ta snarveier.

Du har de siste månedene blitt sterkt anbefalt å lese og studere tutorials på nettet, eller å skaffe deg ei bok - til og med på norsk. Hvorfor er det så jævlig vanskelig for deg å gjøre det du blir anbefalt, igjen og igjen, hver eneste dag, flere ganger om dagen??

Om du hadde begynt å lese HTML og CSS i starten som du så sterkt ble anbefalt, så ville du ha vært milevis lenger fremme, og ikke sittet og sett ut som et spørsmålstegn.

tom waits for alice · 28. juli 2010

Det er unødvendig å krangle om kunnskaper her. Det kreves ingen eksamen for å få poste i dette forumet. Føler dere at noen spør om ting som er så enkle at dere ikke gidder å forklare det, så er det lov å la være.

Jeg har slettet en utveksling om folks kunnskaper.

Geir

Logg inn

Litt små frustrert over rotete webside i forskjellige nettlesere

Anbefalte innlegg

Thomas.

Lenke til kommentar

Videoannonse

NeEeO

Lenke til kommentar

greygenic

Lenke til kommentar

tom waits for alice

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer