[CSS] Aantal vragen/problemen (updated)

Spoiler tonen

Ik heb een div genaamd content, dit is een wit vlak waar al mijn content in komt.
Ik heb nu 2 divs die ik apart in een wit vlak wil. De height van content staat op auto;

Waarom krijg ik dan dit:
Css:

Codeblok (voorbeeld.css):

1

das pech code weg

Alvast bedankt.

toevoeging op 20 augustus 2013, 10:36:10:
Opgelost door een padding toe tevoegen
Hallo,

Ik wil de volgende dingen doen waarvan ik niet weet hoe en of ik dit wel goed heb gedaan:

- Hoe krijg ik de naam en het online bolletje op dezelfde lijn? (heb display:inline; al geprobeerd)
- Hoe krijg ik die ruimte weg tussen de naam en de rank? (element inspecteren kom ik op geen margin uit?)
- Hoe kan ik die lijn die de profiel foto, rank enz gescheiden houden verlengen tot die tegen de border lijn aan komt(heb al wat geprobeerd, zie reacties)
- Zie de css regel 101, heb ik dit zo goed gedaan? (ik denk van niet)

Online view:
http://sycoon.s3.one2xs.com/forum/

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8

Dat zou je eventueel kunnen veranderen naar:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8

Jordyt schreef:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8

Dat zou je eventueel kunnen veranderen naar:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8

Center is oud.

Jordyt schreef:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8

Dat zou je eventueel kunnen veranderen naar:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8

Center word afgeraden.
Gewoon CSS gebruiken ipv center.

Aangezien ik toch een topic heb aangemaakt;

Hoelaat ik deze lijn aansluiten op de border;
Hoe maak ik die responesive ofzo?
toevoeging op 20 augustus 2013, 11:41:49:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8
9
10
11
12

.poster {
width:12%;
border-right:1px solid rgb(51, 107, 177);
height:170px;
padding-bottom:26px;
}

.post {
height:auto;
min-height:170px;
margin-bottom:4px;
}

1. Door je height even hoog te doen als de height van de div waar ie in staat.

2. Responsive: Door die kutprocenten weg te doen.

Maak er bv width: 200px van en voila.

Sanderc schreef:

1. Door je height even hoog te doen als de height van de div waar ie in staat.

2. Responsive: Door die kutprocenten weg te doen.

Maak er bv width: 200px van en voila.

Als ik height auto; doe:
toevoeging op 20 augustus 2013, 11:46:50:
min-height:170px; werkt ook niet btw

Die border vanonder, van welke div is dat? Geef daar de css ook is van.

Sanderc schreef:

Die border vanonder, van welke div is dat? Geef daar de css ook is van.

.topic_post {
    height:auto;
    padding-bottom:16px;
    margin-left:4px;
    margin-right:4px;
    border: 1px solid rgb(51, 107, 177);
    border-top:none;
}

// vind het wel grappig dat je mij helpt, eerst helpte ik jouw xD

Oh zo, je zou die allebei een vaste height moeten geven....

Sanderc schreef:

Oh zo, je zou die allebei een vaste height moeten geven....

Ja, maar dan krijg je als je een langere post hebt:

Dylanh schreef:

Eerdere citaten tonen

Sanderc schreef:

Oh zo, je zou die allebei een vaste height moeten geven....

Ja, maar dan krijg je als je een langere post hebt:
Afbeelding

Omdat je css niet meerekt alleen je tekst.

Jordyt schreef:

Eerdere citaten tonen

Dylanh schreef:

Eerdere citaten tonen

Sanderc schreef:

Oh zo, je zou die allebei een vaste height moeten geven....

Ja, maar dan krijg je als je een langere post hebt:
Afbeelding

Omdat je css niet meerekt alleen je tekst.

Ja maar als ik height op auto zet komt de lijn niet tegen de border aan

1 extra div maken en daar die 2 divs inzetten,
en dan volgens mij met: overflow:hidden; in de div zetten die je extra hebt aangemaakt en dan bij de andere 2: height:100%;

Volgens mij hoor

Bartv schreef:

1 extra div maken en daar die 2 divs inzetten,
en dan volgens mij met: overflow:hidden; in de div zetten die je extra hebt aangemaakt en dan bij de andere 2: height:100%;

Volgens mij hoor

Geen verschil:

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8
9
10
11