WN - Tabellfri design, oförståelig?

Sidan 3 av 4

Visa 40 inlägg från det här ämnet på en sida

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Tabellfri design, oförståelig? (https://www.wn.se/forum/showthread.php?t=22904)

allstars

2007-08-17 01:34

Citat:

Originally posted by crazzy@Aug 16 2007, 19:41

Citat:

#LeftPadding
{
margin: 0px 0px 0px auto;
}
#RightPadding
{
margin: 0px auto 0px 0px;
}

Hurdant utseende önskar du?
vilken bredd på hela sidan och vilka bredder på leftPadding, center och right?

Kod:

<style type="text/css">

#barn {position:relative; top:100px; left:150px;} /* alltså - relaterat till föräldern */

</style>

<div id="foralder">

 <div id="barn">

innehåll

 </div>

</div>

Aerpe

2007-08-17 11:20

http://arloo.blogspot.com/2005/11/cs...ps-tricks.html

Länk samling till CSS lösningar och exempel.

crazzy

2007-08-17 13:05

jag hade tänkt mej att ha överst en header med 720 i bredd centrerad och 150 hög..
under den en meny som e 66 hög och så bred det behövs och centrerad..
under den ska jag ha 5 divar på samma rad..
varav två 160 breda och en 360... variabel höjd...
leftpadding och rightpadding ska ligga utanför dessa och täcka upp överblivet utrymme..
och nederst en footer...

KarlRoos

2007-08-17 18:45

Det är inte svårt att fixa.
Vad sägs om att lära dig lite CSS och Divs och sedan skriva ihop det där.

Lycka till ;)

crazzy

2007-08-17 20:38

det enda jag har problem med är att få en div att fylla ut allt tillgängligt utrymme

edit:

det verkar nämligen inte funka med att sätta width till auto

crazzy

2007-08-17 21:05

http://www.crazzy.se/tmp/site.jpg
så här tänkte jag ha det..

#LeftMargin och #RightMargin ska ligga på var sin sida och ta upp massa utrymme som blir över... #LeftMargin tar för tillfället inte upp nån yta alls??

crazzy

2007-08-17 22:33

äh jag skiter i dom här förbannade divarna och håller mej till tabellerna som FUNKAR för det gör fanimej inte divarna.....

KarlRoos

2007-08-18 00:41

Du, det är nog bara du som inte förstår det :)

Mortekai

2007-08-18 00:59

Ta bort leftmargin och rightmargin och lägg en div runt calendar, maincontent och google som du centrerar och sen ger önskvärd bredd om dessa två områden ska vara tomma.

HMH	2007-08-23 12:00

En torrkodad förtydling av vad Mortekai sa... som även visar hur du centrerar (tricket är att både använda text-align:center och margin:auto).

html:

Kod:

<div id="Header"></div>

<div id="MainMenu"></div>

<div id="ContentArea">

  <div id="Calendar"></div>

  <div id="MainContent"></div>

  <div id="Google"></div>

</div>

<div id="Footer"></div>

css:

Kod:

body {

  text-align: center;

}

body div {

  text-align: left;

  margin: 0;

}

#ContentArea {

  width: 680px;

  margin: 0 auto;

}

#MainContent {

  width: 360px;

  float: left;

}

#Calendar,

#Google {

  width: 160px;

  float: left;

}

#Footer {

  clear: both;

}

Alla tider är GMT +2. Klockan är nu 06:01.

Sidan 3 av 4

Visa 40 inlägg från det här ämnet på en sida