Kan min wrapper kod i css se ut såhär?

2014-02-25, 17:22 #1

Medlem

Reg: Jan 2014

Inlägg: 33

Har skrivit och lagt allt i en wrapper förutom diven längst ner som jag kallar "bag".
På det sättet blir hela siten centrerad och jag slipper hålla på och centrera och ange bredd på varje container separat.

Ser koden bra ut?
Kan man skriva så här som jag gjort, eller finns det något bättre sätt?

HTML

CSS

Jag försökte sedan börja lägga in andra divar i själva wrappern då blev det lite problem,

Kod:

<div id="wrapper"><div id="header"></div>
<div id="main_menu"><div id="ost"><p>tjena</p></div></div></div>

När jag ska gå in och ändra texten i main_menu, funkar det inte med px bara med text-align: left, right och center, Varför?

Kod:

#main_menu { 

	height: 50px; 
		border: 1px solid red;
		font-size: 20px;
		

}

__________________
Senast redigerad av Barca2424 2014-02-25 kl. 17:36.

Citera

2014-02-25, 19:48 #2

Medlem

Reg: Jun 2006

Inlägg: 1 379

Förutom att du formaterar din kod lite konstigt så går det väl utmärkt att göra så.

Förstår inte ditt problem. text-align kan bara ha värdena center, left och right. Vad vill du uppnå med ett px värde? Du kanske tänker på margin?

Citera

2014-02-25, 20:15 #3

Medlem

Reg: Jan 2014

Inlägg: 33

Citat:

Ursprungligen postat av jonthe12

Förutom att du formaterar din kod lite konstigt så går det väl utmärkt att göra så.

Förstår inte ditt problem. text-align kan bara ha värdena center, left och right. Vad vill du uppnå med ett px värde? Du kanske tänker på margin?

Hur mena du att jag formaterar koden konstigt? bra om jag vet hur jag kan förbättra den i så fall.
Ja du har rätt var margin jag nog tänkte på för och flytta texten.

Citera

2014-02-25, 20:21 #4

Medlem

Reg: Aug 2008

Inlägg: 231

Citat:

Ursprungligen postat av Barca2424

Hur mena du att jag formaterar koden konstigt? bra om jag vet hur jag kan förbättra den i så fall.
Ja du har rätt var margin jag nog tänkte på för och flytta texten.

Tror han menade att du indenterade lite knasigt, alltså "blankstegen" före kodraderna. Det påverkar inte koden men ser inte snyggt ut...

Citera

2014-02-25, 20:28 #5

Medlem

Reg: Jun 2006

Inlägg: 1 379

Citat:

Ursprungligen postat av Barca2424

Hur mena du att jag formaterar koden konstigt? bra om jag vet hur jag kan förbättra den i så fall.
Ja du har rätt var margin jag nog tänkte på för och flytta texten.

Som ovan skrev.

Kod:


<div id="wrapper"><div id="header"></div>

<div id="main_menu"><div id="ost"><p>tjena</p></div></div></div>

<div id="bag"><p>Hellu</p></div>

Jättesvårt att se vad som ligger i vad, jämför med

Kod:


<div id="wrapper">

    <div id="header"></div>

    <div id="main_menu">

        <div id="ost">

            <p>tjena</p>

        </div>

    </div>

</div>

<div id="bag"><p>Hellu</p></div>

Din css har också ibland 2 tabs, ibland 1 tab, lite konstigt bara.

Citera

2014-02-25, 20:38 #6

Medlem

Reg: Jan 2014

Inlägg: 33

Citat:

Ursprungligen postat av jonthe12

Som ovan skrev.

Kod:


<div id="wrapper"><div id="header"></div>

<div id="main_menu"><div id="ost"><p>tjena</p></div></div></div>

<div id="bag"><p>Hellu</p></div>

Jättesvårt att se vad som ligger i vad, jämför med

Kod:


<div id="wrapper">

    <div id="header"></div>

    <div id="main_menu">

        <div id="ost">

            <p>tjena</p>

        </div>

    </div>

</div>

<div id="bag"><p>Hellu</p></div>

Din css har också ibland 2 tabs, ibland 1 tab, lite konstigt bara.

A just det, nu blev det ju läsbart en början i alla fall hehe.

Citera

2014-02-25, 22:34 #7

Moderator

Reg: Feb 2008

Inlägg: 16 791

Övriga utvecklingsfrågor --> Webbutveckling och javascript
/Moderator

Citera

Kan min wrapper kod i css se ut såhär?

Skapa ett konto eller logga in för att kommentera

Skapa ett konto

Logga in