Forum PHP.pl > Lewa kolumna spada na dół ;/

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Lewa kolumna spada na dół ;/

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

seitas

6.10.2013, 18:58:28

Strona

Ktoś mi powie, dlaczego lewa kolumna opada na dół w odróżnieniu od prawej? :c

plik index.html

[HTML] pobierz, plaintext 
<html>
<head>
<title>Mój dokument</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<center><img src="logo.png"></center>
<div class="box"><a href="http://mfo3.pl">O grze</a><br>Fabuła<br>Pomoc</div>
<div class="box2">Info<br>Działy</div>
 
</body>
</html>
[HTML] pobierz, plaintext

plik style.css

[HTML] pobierz, plaintext 
div.box {
       background: blue;
       border-width: 3px;
       border-style: inset;
       border-color:  rgb(255,0,0);
       height: 20cm;
       width: 5.5%;
       font-size: 22px;
       positon: absolute;
       left: 0px;
       top: 10px;
 
      }
div.box2 {
               background: blue;
               border-width: 3px;
               border-style: inset;
               border-color:  rgb(255,0,0);
               height: 20cm;
               width: 5.5%;
               font-size: 22px;
               position: absolute;
               right: 0px;
               top: 10px;
              }
 
body
        {
           background: url(background.jpg);
        }
 
[HTML] pobierz, plaintext

kujol

6.10.2013, 19:59:52

Dla wszystkich trzech divów ustaw float: left

pedro84

6.10.2013, 20:46:06

Cytat(kujol @ 6.10.2013, 20:59:52 )

Dla wszystkich trzech divów ustaw float: left

Mistrzu, zobacz jak OP pozycjonuje divy...

@OP - divowi o klasie box brakuje

[CSS] pobierz, plaintext 
position: absolute;
[CSS] pobierz, plaintext

kujol

6.10.2013, 21:23:56

@pedro84 Widzę to.
Niech nie robi absolute

według mnie powinno się tego unikać jeśli to nie jest konieczne.

pedro84

6.10.2013, 21:36:34

Cytat(kujol @ 6.10.2013, 22:23:56 )

@pedro84 Widzę to.
Niech nie robi absolute

według mnie powinno się tego unikać jeśli to nie jest konieczne.

A do <center> to się nie przyczepiłeś

A poważnie, jak już radzisz komuś inną metodę, to przynajmniej napisz dlaczego, będzie mu łatwiej zrozumieć.

seitas

13.10.2013, 10:04:18

Dzięki chłopaki, pomogliście mi

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.