zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 2-column problem in media queries

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.05.2015, 22:52
qim qim ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.03.2015
Beiträge: 21
qim befindet sich auf einem aufstrebenden Ast
Standard 2-column problem in media queries

hello

Es tut mir leid Ich spreche sehr wenig Deutsche. Ich muss auf English schreiben...

I have a problem with one part of a web-page

Guaranteed lowest Hotel rates worldwide. Guaranteed!

When you narrow the screen everything is fine up to @1020, then when you press "Read more" the #artleft and the #artright adopt different left padding/margin


and at @550 it breaks totally in FireFox, even without expanding the text.

Even though it was I who coded that two-column layout (I know it's terrible...!) I cannot control the padding or margins of the expanded text, once the media queries kick in.

Can you help, please?

Danke.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.05.2015, 08:34
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 528
K.Roland wird schon bald berühmt werden
Standard

Zitat:
Zitat von qim Beitrag anzeigen
When you narrow the screen everything is fine up to @1020, then when you press "Read more" the #artleft and the #artright adopt different left padding/margin
Füge hier mal hinzu:
Include here times added: padding: 0 10px 0 0; margin: 0;

vvv.html#hide2 #3 (zeile 126)

Code:
.list ul {
    list-style-type: none;
}
______________
MfG Roland
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.05.2015, 08:51
qim qim ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.03.2015
Beiträge: 21
qim befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von K.Roland Beitrag anzeigen
Füge hier mal hinzu:
Include here times added: padding: 0 10px 0 0; margin: 0;

vvv.html#hide2 #3 (zeile 126)

Code:
.list ul {
    list-style-type: none;
}
______________
MfG Roland


Danke!

Es ist besser , aber immer noch unberechenbar Margen , wenn Sie Bildschirmbreite verkleinern

(Google translation...)
Mit Zitat antworten
  #4 (permalink)  
Alt 05.05.2015, 12:19
qim qim ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.03.2015
Beiträge: 21
qim befindet sich auf einem aufstrebenden Ast
Standard

Danke, aber ich beschloss, diesen Code mit einer anderen Struktur zu wiederholen, und es funktioniert jetzt .

Danke
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Schwieriges Faux Column Problem?! dr_colossos CSS 3 16.09.2011 08:52
Problem mit Text neben Navigationsleiste andi01 CSS 6 08.06.2011 16:54
Bitte um Hilfe - CSS und Prozentangaben sprefer CSS 3 01.03.2011 04:11
Simples Layout! BigBuddha CSS 2 05.03.2007 14:44
3 Column Float IE,FF,Opera hui, Safari, Konq. Pfui.... dablake CSS 5 29.05.2005 18:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:26 Uhr.