Sidebar Widget-Bereiche untereinander links

Janoth

Hallo Forum,

warum bleiben die beiden Sidebar Widget-Bereiche nicht untereinander?

Danke schon mal...

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

alchymyth

der zweite widget-bereich 'haengt' an der ecke des ersten bereichs; das passiert nur, wenn der inhalt des hauptbereichs sehr kurz ist.

finde den style von #secondary in style.css und fuege ein: 'clear: both;' hinzu.

Janoth

Ok, aber jetzt hängt die zweite Widget Area links unter dem Content, bzw beide Areas, wenn beide ein "clear:both;" bekommen.

alchymyth

hast du es zum funktionieren bekommen?

die widget-bereich sind beide am rechten rand (IE7 und FF3.6)

da sind einige validierungsfehler: http://validator.w3.org/check?uri=http…=Inline&group=0

die evtl im IE probleme machen koennten.

da ist ein inline-style mit fehlern:

Code

<input type="image" alt="Suche"style="outline:none;color:#000;font-size:18px;padding-top:3px;padding-right:12px;padding-bottom:3px;padding-left:12px;line-height:24px;border:3px solid #000000;float: right;margin-top:12px;margin-right: 0px;-moz-border-radius:24px;-webkit-border-radius:24px;src="http://jantheilmann.de/wp-content/themes/twentyten/images/search.png" />

vor dem 'src'-teil fehlt evtl 'background-image:'

Janoth

Also beide Areas sind am rechten Rand, aber der Secondary hängt jetzt immer rechts unter dem Content. Natürlich sollen beide Areas direkt untereinander liegen.

http://www.jantheilmann.de

alchymyth

mein fehler :roll::

'clear: both;' war zu viel - 'clear: right;' ist genug:

Code

#secondary {
 clear: right;
 float:right;
 overflow: hidden;
 width: 288px;
 margin-top: 0px;
 margin-right: 24px;
 margin-bottom:24px;
 margin-left:0px;
 padding-top:24px;
 border-top: 3px solid #000;
 border-bottom: 3px solid #000;
}

Alles anzeigen

Janoth

Super. Du hast zuvor einige Fehler angesprochen. Die befinden sich alle in meiner searchform.php und hängen mit der Einbindung eines Searchbutton-Hintergrundes zusammen.

src=" "/>

So gibt es nur noch 2 Fehler. Wenn ich das richtig verstanden habe, kann ich "hier" einen Background für den Search-Button angeben...

...themes/childtheme/images/button.png

Das hat bislang Fehler verursacht. Wo liegt der Fehler?

alchymyth

HTML

<input type="image" alt="Suche" style="outline:none; color:#000; font-size:18px; padding-top:3px; padding-right:12px; padding-bottom:3px; padding-left:12px; line-height:24px; border:3px solid #000000; float: right; margin-top:12px; margin-right: 0px; -moz-border-radius:24px; -webkit-border-radius:24px; src=" "/>    </fieldset>

der fehler ist, dass 'src=" ";' kein richtiger befehl in einem style ist;

fuer ein hintergrundbild sollte das evtl so aussehen:

Code

background: url(images/searchhintergrund.jpg);

das muss durch ein bild deiner wahl ersetzt werden.

damit sollte das ganze so aussehen:

HTML

<input type="image" alt="Suche" style="outline:none; color:#000; font-size:18px; padding-top:3px; padding-right:12px; padding-bottom:3px; padding-left:12px; line-height:24px; border:3px solid #000000; float: right; margin-top:12px; margin-right: 0px; -moz-border-radius:24px; -webkit-border-radius:24px; background: url(images/searchhintergrund.jpg);"/>    </fieldset>

http://www.w3schools.com/css/css_background.asp

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar Widget-Bereiche untereinander links

Jetzt mitmachen!