Wir sammeln alle Infos der Bonusepisode von Pokémon Karmesin und Purpur für euch!
Zu der Infoseite von „Die Mo-Mo-Manie“Alles anzeigenHi ;)
ich hab mal wieder ein Problem mit nebeneinander liegenden boxen.
Die boxen liegen in einem div (margin-left: auto; margin-right: auto; min-width: 500px; max-width: 80%;).
Die linke box hat diese eigenschaften: width: 200px; float: left; margin-right: 10px;
Die rechte box hat diese eigenschaft: float: left;
So. Das Problem? Die rechte Box soll über die restlich Breite gehen. width: 100% hilft da wenig, das ist wieder zu viel... Was kann man da jetzt am besten machen?
thx, Chris
Am besten ist es du setzt die erste Box auch in % sonst wird das nicht klappen. Es reicht ja wenn du eine niedrige %-Zahl setzt.
Andernfalls musst du das ganze mit Tabellen machen
/* DESIGN */
div#left {
font-size: 0.9em;
float: left; width: 12em;
margin: 0 0 1.1em; padding: 0;
background-color: #696969; border: 1px solid silver;
text-align:center;
}
div#right {
font-size: 0.9em;
float: right; width: 12em;
margin: 0 0 1.1em; padding: 0;
background-color: #696969; border: 1px solid silver;
text-align:center;
}
div#middle {
margin: 0 12.5em 1em 12.5em;
padding: 0 1em;
border: 1px solid silver;
background-color: #696969; border: 1px solid silver;
text-align:center;
}
Die Mittlere ist immer so breit wie es geht. Kannst dann denke ich selber anpassen. Boxen weglassen oder so.
Und dann den divs die jeweiligen ID's zuordnen