Hello, all. On my site (which I'm hosting on my own computer for now) I'm having an issue in which IE is ignoring clear: both, and floating the sidebar navigation next to the main navigation, and as a result stretching out the entire wrapper div, throwing off the whole layout. If I use float: none on the sidebar, then the problem goes away somewhat; it moves next to the content div where its supposed to be, but it isnt 'pixel perfect' anymore.
Currently I'm torn between not linking to the CSS if the user is using IE, redirecting the user to the Firefox homepage if using IE, or fixing it. The last is the best, but I can't figure out the best solution, so... *sigh* Thanks in advance.
Link (for today, will update it): <!-- m --><a class="postlink" href="http://141.154.68.252:81/">http://141.154.68.252:81/</a><!-- m -->
CSS file: <!-- m --><a class="postlink" href="http://141.154.68.252:81/bg/css/screen/">http://141.154.68.252:81/bg/css/screen/</a><!-- m --> (indented and commented, main layout code at top)Try removing the clear: right; from the #links styles.Well, yes, like I said float: none works to a limit, but there's no better way? That's all I wanted to know. I'd rather not use messy browser sniffing if I can help it, but, if I do, then I will. Well, by adding left positioning everything is in its right place... but I feel so unclean.
For the search, in case noone has a better way:
<?php
$browser = $_SERVER['HTTP_USER_AGENT'];
$opera = (stristr($browser, 'Opera') !== false);
$mozilla = (stristr($browser, 'Mozilla') !== false && stristr($browser, 'MSIE') === false);
$ie = (stristr($browser, 'MSIE') !== false && stristr($browser, 'Opera') === false);
if ($ie) : ?>
#body {left: -1px;}
#header {left: 4px;}
#links {float: none; left: 12px;}
<?php endif; ?>
(That's Paul Jr.'s sniffer btw)
Currently I'm torn between not linking to the CSS if the user is using IE, redirecting the user to the Firefox homepage if using IE, or fixing it. The last is the best, but I can't figure out the best solution, so... *sigh* Thanks in advance.
Link (for today, will update it): <!-- m --><a class="postlink" href="http://141.154.68.252:81/">http://141.154.68.252:81/</a><!-- m -->
CSS file: <!-- m --><a class="postlink" href="http://141.154.68.252:81/bg/css/screen/">http://141.154.68.252:81/bg/css/screen/</a><!-- m --> (indented and commented, main layout code at top)Try removing the clear: right; from the #links styles.Well, yes, like I said float: none works to a limit, but there's no better way? That's all I wanted to know. I'd rather not use messy browser sniffing if I can help it, but, if I do, then I will. Well, by adding left positioning everything is in its right place... but I feel so unclean.
For the search, in case noone has a better way:
<?php
$browser = $_SERVER['HTTP_USER_AGENT'];
$opera = (stristr($browser, 'Opera') !== false);
$mozilla = (stristr($browser, 'Mozilla') !== false && stristr($browser, 'MSIE') === false);
$ie = (stristr($browser, 'MSIE') !== false && stristr($browser, 'Opera') === false);
if ($ie) : ?>
#body {left: -1px;}
#header {left: 4px;}
#links {float: none; left: 12px;}
<?php endif; ?>
(That's Paul Jr.'s sniffer btw)