Mājas lapas izvietojuma problēmas!

[vitao.web]

Labdien foruma biedri!

 

Ir radusies problēma un esmu nedaudz apjucis!

 

Problēmas izklāsts:

Lieta tāda, ka ir mājas lapa, kurā izmantoju <div> tagus. Lai visu labi novietotu, kā vēlos, tad izmantoju float: left; un beigās Clear: both. It kā viss ir labi, bet tiklīdz mainās ekrāna lielums, tā uzreiz mājas lapa izkropļojās. Ko jūs ieteiktu man darīt?

 

 

Paldies jau iepriekš!

 

 

Ar cieņu,

vitao.web

Edited November 28, 2010 by vitao.web

[daGrevis]

Nu Es izmantoju arī "width" atribūtu, viss strādā, nekas nekropļojas. =)

[vitao.web]

Nu es arī izmantoju width atribūtus un height:... bet teiksim paņem lapu pietuvini/attalini viss mainās :(

[daGrevis]

Man tā nav. =(

Labojums: "Width" jābūt tam "div'am", kurš satur tos "div'us" ar "float'iem". =)

Edited November 28, 2010 by daGrevis

[vitao.web]

Hmm tad sanāk aptuveni šādi:

 

<div class="lielais> <-- Shim es norādu to width -->
<div class="left1>float: left(1)</div>
<div class="left2>float: left(2)</div>
<div style="clear:both"></div>
</div>

 

Apmēram tā biji domājis?

Man ir tā, ka

lielais : 1024px;

left1: 600px;

left2: 400px;

 

un tie 24px aiziet atstarpēs. Bet tik un tā, ja pietuvina/attālina tad deformējās :-(

 

Vai arī es tomēr daru kaut ko nepareizi?

Edited November 28, 2010 by vitao.web

[daGrevis]

Nez, Man ir tā, ka tā sauktais lielais "div's" ir 950px plats, apakšā struktūra tādi pati, tikai nedaudz atšķiras platums un ir atstarpe kā "margin". =) Lūk...

 

div#a-zone {

float: left;
width: 570px;

}

div#b-zone {

float: left;
margin: 0 0 0 40px;
width: 340px;

}

[Rincewind]

Vari iemest kādus skrīnšotus lai nav jāmin kas tieši tur nokiek?

[vitao.web]

Nu skrrini nav vajadzigi... vnk ja attalini skatu pasa browseri, tad ja sakuma viss bija viena linija, tad ta otra dala peksni ir apaksa

ta kaut ka :(

[Rincewind]

Nu skrrini nav vajadzigi... vnk ja attalini skatu pasa browseri, tad ja sakuma viss bija viena linija, tad ta otra dala peksni ir apaksa

ta kaut ka :(

Droši vien browserim nesanāk noapaļot mazo divu platumus tā lai viņi satilpst. Pieliec lielajam klāt pāris pikseļus un apskaties vai tā strādā.

[vitao.web]

Droši vien browserim nesanāk noapaļot mazo divu platumus tā lai viņi satilpst. Pieliec lielajam klāt pāris pikseļus un apskaties vai tā strādā.

 

 

Hmm interesants domu gājiens... Un tu jau laikam nezināsi cik px apmeram tam visam vajadzētu ? :)

[mad182]

Varbūt iedod linku vai visu kodu. Domāju tad uzreiz dabūsi atbildi, citādi dikti grūti te kaut ko izzīlēt. Un vispār nav labi taisīt lapu fiksētā platumā vairāk par kādiem 995px, citādi uz 1024px ekrāna platumu sāks parādīties horizontālā ritjosla, kas galīgi nav ne ērti ne glīti.

Edited November 28, 2010 by mad182

[vitao.web]

html:

<div id="wrapper">
<div class="logo"><img src="image/logo.png" border="0" alt="logo" /></div>
<div class="menu">Home | Blog | About | Gallery | Links | Team | Contacts</div>
<div style="clear: both;"></div>
</div>

 

css:

#wrapper{margin: auto; width: 1024px; height: auto;}
.logo{margin-left: 80px;float:left;}
.menu{  
 font-family: 'Reenie Beanie', serif;
 font-size: 20px;
 font-style: normal;
 font-weight: 700;
 text-decoration: none;
 text-transform: none;
 letter-spacing: 0em;
 word-spacing: 0em;
 line-height: 1em;
 color:#fff;
 float: left;
 Margin-left: 150px;
 margin-top: 10px;}

[daGrevis]

950px - 960px ir visoptimālāk! =)