Riesen Abstand aber nur bei dem ersten Eintrag (beim gleichen Code)
 |
|
|
LinkBack | Themen-Optionen | Ansicht |
26.08.2007, 11:03
|
|||
|
|||
Riesen Abstand aber nur bei dem ersten Eintrag (beim gleichen Code)
Guten Morgen!
Tut mir meid dass ich euch an einem Sonntag stören muss aber ich komme wiedermal nicht weiter. Heute habe ich folgendes Problem: Ich habe ein News-System geschrieben. Und jetzt soll das in DIVs angezeigt werden... Komischerweise ist bei dem ersten Eintrag immer ein riesiger Abstand zwischen Text und Quelle. (Nur in Firefox!) Bei den folgenden Einträgen, mit dem exakt dem gleichen Code ist alles wie gewollt. Code (CSS): Code:
.news_box {
width:100%;
border-bottom:1px ridge #187cd2;
border-left:1px ridge #187cd2;
border-right:1px ridge #187cd2;
text-align:justify;
}
.news_box_title {
background:url(images/title.png) no-repeat;
height:20px;
padding-top:0.4em;
padding-left:5em;
font-size:0.9em;
font-weight:bold;
}
.news_box_date {
padding-left:5em;
padding-bottom:1em;
font-size:0.9em;
font-weight:bold;
color:#187cd2;
}
.news_box_pic {
float:left;
width:auto;
height:auto;
padding-left:0.2em;
padding-right:0.2em;
}
/* IE6 3-Pixel-Bugfix */
* html .news_box_pic {
margin-right:-3px;
width:150px;
height:auto;
padding:0;
}
.news_box_text {
padding:0.5em;
text-align:justify;
}
.news_box_src {
padding:0.5em;
font-weight:bold;
clear:both;
}
Code:
<div class="news_box"> <div class="news_box_title">• Titel</div> <div class="news_box_date">Verfasst von StarSt0rm am 26. Aug 2007 um 21:38</div> <div class="news_box_pic"><img src="http://xhtmlforum.de/images/2007_08_20_0001.jpg" alt="" /></div> <div class="news_box_text">Hier dann der lange Text...</div> <div class="news_box_src">Quelle: www.starstormsworld.de</div> </div> Link zur Vorschau: New Page! Gruß StarSt0rm Geändert von StarSt0rm (26.08.2007 um 12:40 Uhr) 
|
| Sponsored Links |
|
26.08.2007, 14:32
|
||||
|
||||
|
Oh Gott, was für ein Markup.
Dir fehlen eindeutig noch viele Grundlagen und jetzt produzierst du eine Div-Suppe ohne gleichen. Nutze erstmal die dafür gedachten Elemente. Sprich: Statt <div class="news_box_title"> nimmst du jetzt <h1> oder <h2> usw., da es schließlich eine Überschrift ist. Dann für den Text verwendest du <p>-Elemente usw. Danach schau mal, ob dein Problem immer noch auftritt. 
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ
|
| Sponsored Links |
|
26.08.2007, 14:58
|
||||
|
||||
|
Vergiss mal auch nicht, dass border, padding und margin zu width DAZU gerechnet werden.
Sprich, wenn du with: 100% und border: 1px solid schreibst, wären da ÜBER 100% ... da braucht man sich über fehlerhafte Darstellung nicht zu wundern.
__________________
“My software never has bugs. It just develops random features ...”  » DevShack - die Website des freien Webentwicklers Boris Bojic
|
|
26.08.2007, 15:32
|
|||
|
|||
|
ASO!
Das wusste ich ja noch garnet! Hab mich aber auch schon gewundert wieso das jetzt so breit ist... Vielen Dank für die Infos. Gruß StarSt0rm Edit: Fehler behoben! Lag am floaten der Navigation... Geändert von StarSt0rm (27.08.2007 um 15:01 Uhr)
|
|
27.08.2007, 15:01
|
|||
|
|||
|
Edit: Jetzt hab ich das gleiche Problem mit der rechten Seite...
Jedoch kann ich sie nicht mit "position:absolute;" fixieren (wie die Navi). Hätte da jemand vllt. auch einen Tipp für mich? Vielen Dank im Voraus!
|
|
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten | mazzo | CSS | 10 | 05.04.2012 17:32 |
| CSS Experten Hilfe benötigt! | klappauge | CSS | 10 | 25.11.2007 13:37 |
| Layout-Fehler im IE 6 | Marlin | CSS | 13 | 13.04.2007 20:19 |
| Navigation unter dem inhalt Wie? Ist der Code so ok | derflo | (X)HTML | 6 | 04.02.2006 20:04 |
Bin ja noch ein Anfänger in Sachen CSS (Tabellenlose
Linear-Darstellung
