Blog automatisch an Bildschirm anpassen

masteroffer

Wie kann ich es realisieren, dass sich mein Blog http://ubuntuxx.de automatisch an den Browser/Displaygröße anpasst also width 100%. :smile:

Habe schon google abgeklappert, aber nichts gefunden, was meine Frage beantwortet hat;)

Danke für Eure Hilfe.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

toscho

Nimm dem Selektor .art-Sheet die Breitenangabe.

masteroffer

Wo finde ich den??

Kann ihn nämlich i-wie nicht finden.

Ist er in der Stylesheet (style css) zu finde?

toscho

In deinem Stylesheet:

Code

/* begin Box, Sheet */
.art-Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	[B]width: 1150px;[/B]
	min-width:43px;
	min-height:43px;
}

masteroffer

So ganz stimmt das ja noch nicht, wenn ich diese website http://ubuntuusers.de/ also das Fenster verkleiner, passt sich die website automatisch an. Das ist ja momentan bei meiner nicht der Fall.

Hab die Siete erstmal wieder zurück gesetzt, bis eine Lösung gefunden ist.

Weißt du wie das wie oben beshrieben gemacht wird?

toscho

Suche nach Breitenangaben (width) in deinem Stylesheet. Mit Operas Dragonfly oder Firebug kannst du jedes Element untersuchen. Wenn du keine Breite angibst, paßt der Browser sie normalerweise automatisch an.

masteroffer

Soll ich auch min-width und width-auto etc löschen?

Also einfach alles wo width steht?

Denn jetzt sieht es echt sehr bescheiden aus:
http://ubuntu-pics.de/bild/43620/bildschirmfoto_1_15NoEM.png
und die breite ist immer noch nicht wie ich es will.

kaiser

Einfach nur ein paar Breitenangaben raus nehmen oder ändern ist es dann halt auch nicht. Da gibt´s vermutlich diverseste Definitionen von width, zu min-width, max-width, display: inline/block/, etc. (Nur der Display-Parameter: http://www.quirksmode.org/css/display.html)

Unter´m Strich ist´s einfacher gleich auf ein "fluid" Layout mit komplett neuem Css zu setzen. Die Css-Frameworks Blueprint und 960 bieten beide irgendwo auch fluid/full-width PlugIns. Dann solltest Du aber doch solide Html und zumindest ein bisschen Css können. Falls nicht: Anderes Theme suchen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Blog automatisch an Bildschirm anpassen

Jetzt mitmachen!