tas fyrir 18 árum, 4 mánuðum Fjöldi lestra: 273

CSS hjálp

Ég er að gera síðu með html/css og er að reyna þetta:

Svartur bakgrunnur og stór litaður div sem er með 50 punkta spássíu (svarta) á alla kanta. þetta á að halda sér þannig, þó að þú resizer vafrann.

Þetta á að vera mjög einfalt BUT ég næ ekki spássíunni undir, bara hinum þremur. Einvherjar HUGmyndir?

tas

Brainiac fyrir 18 árum, 4 mánuðum

body { #000; }
#div {
width: 500px;
height: 500px;
margin: 50px;
background-color: #F60;
}

Eitthvað í þessa átt?

Fyrra álit

hagur fyrir 18 árum, 4 mánuðum

Ja, mér skilst að hann vilji að 50px margin-ið eigi að halda sér jafnvel þó vafrinn sé resized … semsagt, divið þarf að vera fluid, en ekki með fastri hæð og breidd.

Það er í rauninni ekkert svo einfalt að gera það svo vel sé …. að halda réttu bottom margin mun alltaf verða til vandræða.

Fyrra álit

tas fyrir 18 árum, 4 mánuðum

jebb, það er rétt skilið, þetta á að vera fluid.

þetta tekst, ef ég er með padding: 50px á body og sleppi doctype. Þá kemur þetta í IE og operu, EN ekki Firefox. :(

Fyrra álit

Brainiac fyrir 18 árum, 4 mánuðum

en bara að sleppa að skilgreina breidd og hæð en hafa samt margin: 50px ? Virkar í hausnum á mér.. :P

Fyrra álit

vefrun fyrir 18 árum, 4 mánuðum

Ég leitaði í favorits hjá mér… prófaðu þessa http://www.projectseven.com/whims/cssp_3box/

Án þess að ég hafi skoða þetta mikið skilst mér að þarna sé notað javascript líka en ég hef ekki prufað þetta neitt sérstaklega… en ég hugsa að þú ættir að geta notað sömu tækni í þitt layout þó svo að þessu layouti sé skipt í dálka…

Fyrra álit

Vefsíðugerð

Vefsíðugerð

Ofurhugar

Stjórnendur

Hverjir eru inni

Korkar - Almennt

CSS hjálp

Dýr

Dægurmál

Fræði

Leikir

Lífið

Lífsstíll

Margmiðlun

Menning

Skjár

Sport

Tónlist

Tækni

Vélar

Hugi