XHTMLforum - Contentbereich vergrößen bei mobiler Ansicht

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Contentbereich vergrößen bei mobiler Ansicht (http://xhtmlforum.de/showthread.php?t=72015)

pander112

08.05.2015 19:43

Contentbereich vergrößen bei mobiler Ansicht

Hallo zusammen,

meine Intention besteht darin, die mobile Variante meiner Seite herz-symbol[.]de so zu verändern
dass Header, Content und Footer eine Fläche von Minimum 300 Pixeln zur Verfügung haben bzw. beinhalten können.

Aktuell ist das nicht der Fall und so kann ich beispielsweise keinen Adsense
Banner von 300px Breite einsetzen.

Dem Problem habe ich versucht so entgegen zu wirken:

Code:

@media (max-width: 767px) {

.vc_row-fluid .vc_span8 {

width:300px;

}

Die Textfläche vergrößert sich nie. Egal welchen Pixelwert ich einfüge.
Wie kann ich also die Text- bzw. Füllfläche in der mobile Ansicht größer machen?

Ein konkretes Beispiel würde mir an dieser Stelle sehr weiterhelfen.

Danke ;)

pander112

09.05.2015 18:20

Mir wurde auch noch folgendes geraten (aber ohne Effekt):

Code:

@media only screen and (max-width: 767px) {

    .section-wrap

    {

        width: 300px;

    }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .section-wrap{

        width: 480px;

    }

}

Kann man mir an dieser Stelle keiner von euch weiterhelfen?
Bin echt verzweifelt.

cloned

11.05.2015 09:52

Wieso werden media-queries immer so kompliziert erstellt?

von groß nach klein (oder umgekehrt) sortieren und solche Angaben wie von - bis vermeiden. Dann einfach das überschreiben was man nicht mehr haben will.

Code:

@media only screen and (max-width:64em) { }



@media only screen and (max-width:60em){ }



@media only screen and (max-width:47.9375em){ }



 .. usw.

Auch solltest du dir abgewöhnen deine Werte mit !important zu setzen, dann darfst du dich nämlich nicht wundern, wenn du sie nicht (oder nur noch schwer) überschreiben kannst.

Dein section-wrap ist schon so groß wie er sein kann, was ist genau dein Problem? Wieso nimmst du nicht einfach 100% für die Breite, die du ja auch haben willst? Irgendwie kommt mir vor, als ob du es dir selber zu kompliziert machst mit deinen fixen Pixelwerten.

pander112

14.05.2015 20:14

Danke cloned,

ich habs mir an der Stelle einfach zu schwer gemacht und mich total verfranst. DIe Lösung ist hier letzten Endes wirklich eine Breite von 100%. Das auch nochmal als Information für andere Suchenende. :)

Problem ist jetzt gelöst.

Alle Zeitangaben in WEZ +2. Es ist jetzt 08:57 Uhr.