[CSS]2 klasy w 1 divie, Tekst w 1 klasie jest wyzej niz w 2 Opcje

[Raven1122]

Witam potrzebuje pomocy, kombinuje już z clear, z pustym divem floatend o wartości clear:both;, display:inline i nie mogę znaleźć rozwiązania. Można to "zjawisko zobaczyć na głównej stronie bassplay.xaa.pl, a mianowicie chciałbym aby obydwa teksty lorem ipsum znajdowaly sie w 1 linii

CSS:
.leftside {
width:380px;
height:100%;
padding-left:10px;
padding-right:10px;
clear:right;
padding-bottom:15px;
margin-left:50px;
}

i

.rightside {
width:380px;
overflow:hidden;
height:100%;
padding-left:10px;
padding-right:10px;
padding-bottom:15px;
margin-left:530px;
}

Ten post edytował Raven1122 9.08.2011, 13:06:41

[luckyps]

Chodzi Ci zeby byly obie kolumny na jednym poziomie ?

[HTML] pobierz, plaintext 
.leftside {
width:380px;
height:100%;
padding-left:10px;
padding-right:10px;
/*clear:right;*/
float: left;
padding-bottom:15px;
margin-left:50px;
}
[HTML] pobierz, plaintext 

[Raven1122]

Dzieki za pomoc, daje pomogl

ponowny problem, tym razem wygląda tak ze w klasie profile_left jest obrazek a w klasie profile_right jest treść. Próbowałem zrobić tak jak w poprzednim przykładzie ale niestety to nie działa

Kod:

[HTML] pobierz, plaintext 
.profile_top {
background:url(../images/profile_top.jpg);
width:600px;
height:32px;
text-align:center;
color:#fff;
border-top:1px #000 solid;
border-left:1px #000 solid;
border-right:1px #000 solid;
}
 
.profile_rectangle {
background:#2c5c90;
width:600px;
height:130px;
border:1px #000 solid;
}
 
.profile_left {
width:130px;
height:100%;
padding-left:5px;
padding-right:5px;
clear:right;
float:left;
padding-bottom:5px;
padding-top:5px;
margin-left:50px;
 
}
 
.profile_right {
width:470px;
overflow:hidden;
height:130px;
padding-left:10px;
padding-right:10px;
padding-bottom:15px;
margin-left:530px;
 
 
}
[HTML] pobierz, plaintext 

[luckyps]

Mozesz to gdzies na www wrzucic zeby lepiej zobrazowac ?

[Raven1122]

http://bassplay.xaa.pl/viewpage.php?id=2

[luckyps]

[HTML] pobierz, plaintext 
.profile_right {
    height: 130px;
    overflow: hidden;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
}
[HTML] pobierz, plaintext 

Za duza szerokosc tego diva byl + niepotrzebny margin

[Raven1122]

Dziękuje jeszcze raz