Jump to content
php.lv forumi

Mājas lapas izvietojuma problēmas!


vitao.web
 Share

Recommended Posts

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 by vitao.web
Link to comment
Share on other sites

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 by vitao.web
Link to comment
Share on other sites

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;

}

Link to comment
Share on other sites

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ā.

Link to comment
Share on other sites

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 by mad182
Link to comment
Share on other sites

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;}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...