Safari CSS interpretation komplett anders als FF, IE, Chrome

Rick11 · #1 (**permalink**) 15.10.2014, 12:45

Hallo liebes Forum,
ich bin neues Mitglied und hoffe ihr könnt mir helfen.

Ich arbeite gerade an einer Website, welche auf Wordpress aufgesetzt wurde (vorgefertigtes Theme).
Ich habe nun im Header Bereich der Seite eine zusätliche Suchfunktion sowie eine Sprachauswahl integriert (Suchfunktion Wordpress-Eigene, Sprachauswahl Plugin WPML). Diese habe ich sodann mittels CSS formatiert/in Position gebracht.
Jedoch interpretiert Safari den Header komplett anders als alle anderen gängigen Browser. Leider komme ich nicht darauf, wieso.

HTML/PHP-Code:

HTML-Code:

<?php if( ($smof_data['phone_number']) or ($smof_data['email_address']) ) { ?>
						<ul class="header-contact">
					<?php } ?>
						
						<?php if($smof_data['phone_number'] != '') { ?>
							<li class="phone_icon"><?php echo $smof_data['phone_number']; ?></li>
						<?php } ?>

						<?php if($smof_data['email_address'] != '') { ?>
							<li class="email_icon"><a href="?page_id=80"><?php echo $smof_data['email_address']; ?></a></li>
						<?php } ?>
						
					<?php if( ($smof_data['phone_number']) or ($smof_data['email_address']) ) { ?>
                    
             <div id="language-search-header">
                                <div id="search-form">
<li><form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
	<label>
		<span class="screen-reader-text"><?php echo _x( '', 'label' ) ?></span>
		<input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( '', 'label' ) ?>" />
	</label>
	<input type="submit" class="search-submit-start2" value="" />
</form></li>
 </div>
						<div id="language">
						<?php do_action('icl_language_selector'); ?>
                        </div>
                        
                       
                        </div>
						</ul>
                        
					<?php } ?>

CSS-Code:

Code:

#language-search-header {
	width: 260px;
	float: right;
	z-index: 9999;
	margin: -5px -250px -15px 0;

}

.search-form {
	margin: 0px -150px -7px 0px;
}

.search-form .search-field {
	width: 100px;
	height: 20px;
	border-radius: 5px;
	border: 1px solid #CCC;
}

.search-form .search-submit-start2 {
	width: 25px;
	height: 24px;
	padding: 0px;
	border-radius: 5px;
	border: 1px solid #CCC;
	background:url(images/search.png);
	background-repeat:no-repeat;
	background-color: #FFF;
}


#language {
	margin: 0 0 0 0;
	float: right;
	padding: 0px;
	z-index: 1;
}

Link zur Seite:
casamontana

Vielen Dank für eure Hilfe.

schatzi · #2 (**permalink**) 15.10.2014, 12:52

Hallo!

Die Seite ist noch voller Fehler, die du noch beheben solltest: [Invalid] Markup Validation of http://web540.lennox.servertools24.de/casamontana/ - W3C Markup Validator

U.a. wird die <ul> aus Zeile 380 nirgends geschlossen.

Rick11 · #3 (**permalink**) 15.10.2014, 13:02

Hey. Danke für die Info.
Das Problem war gar nicht, dass das <ul> nicht geschlossen war, sondern dass ich <divs> in <ul> verwendet hab - wusste nicht dass das nicht so gut ankommt. Die Fehler in der validation werd ich mir noch ansehen.

LG

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS Problem mit Safari	Mona33	CSS	6	14.05.2013 11:38
jquery Browsererkennung Safari / Chrome	1chris	Javascript & Ajax	6	12.05.2011 14:29
CSS Tooltips (Safari)	Lizard	CSS	0	18.04.2005 10:09
Problem mit PHPBB komplett in CSS	jensr	CSS	17	05.09.2004 23:02
Tabelle komplett als css	Deejoy	CSS	2	06.07.2004 20:25